/* 
Brown		#662500
Light Brown #E2DEDB
Mid Brown	#9d9282
Orange		#ffb515
Blue		#0C2577
Light Blue	#A4CEEE
Lighter Blue #DBEBF8
*/

/* Support page main navigation and sub-navigation*/


#supheader { height: 74px; position: relative; }

#supheader h1 { margin: 0px 0px 0px 15px; padding: 0px; display: block; width: 180px; height: 34px; }
#supheader h1 a { display: block; text-indent: -9999px; width:180px; height: 44px; background: url(/images/Epicor_Logo_Teal_RGB_inet.png) no-repeat; background-position: bottom; text-decoration: none; }


#supheader h2 { padding: 0px; margin: 0px; margin-top: 2px; display: block; vertical-align: top; color: #0C2577; text-indent: 250px; height: 74px; background: url(/images/Epicor_Logo_Teal_RGB_inet.png) no-repeat; background-position: left bottom; text-decoration: none; }

#supheader ul { list-style-type: none; margin: 0px; padding: 0px; }
#supheader ul li { float: left; }

#supheader ul.sitenav { display: block; position: absolute; top: 15px; right: 15px; }
#supheader ul.sitenav li { border-left: 1px solid #666666; padding: 0px 6px; }
#supheader ul.sitenav li.first { border: none; }
#supheader ul.sitenav li a { color: #000000; text-decoration: none; font-size: 11px; font-weight: bold; }
#supheader ul.sitenav li a:hover { color: #666666; }
#supheader form { display: block; position: absolute; top: 15px; right: 15px; }

.username { display: block; float: right; margin: 3px 15px 0 0; color:#CECECE; text-decoration: none; font-weight:bold; font-size: 11px; font-family:Arial, Helvetica, sans-serif; }

.username a { color:#ffffff; text-decoration:underline; }

#supnav { display:block; width:968px; height: 25px; background-color: #000000; clear: right; margin: 0;  border: 0px solid #662500;  }
#supnav ul { list-style-type: none; margin: 0px; padding: 0px; }
#supnav ul li { float: left; }
#supnav ul.supportnav { display: block; float: left; padding-top:2px; padding-bottom:2px;}
#supnav ul.supportnav li a { font-size:9pt; font-style:normal; font-weight:bold; font-family:arial,helvetica; color:#ffffff; text-decoration: none; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px; line-height:21px;}
#supnav ul.supportnav li a:hover { background-color:#B21107; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px; line-height:21px;}
#supnav ul.supportnav li.selected { color: #ffb515; text-decoration: none; }


#supsub { display:block; width:968px; height: 25px; clear: right; }


#supportmain { padding-bottom: 20px;  border-right: 1px dotted #999999; }

#supportmain #navbar { width: 200px; display: block; float: left; min-height: 300px; margin: 20px 0 0 0;}
#supportmain #navbar { min-height: 300px; }
#supportmain #navbar ul { list-style-type: none; margin: 0px 0px 20px 0px; padding: 0px; }
#supportmain #navbar ul li { background-color: #ececec; margin: 0px 3px 0px 0px; padding: 0px; border-top: 1px solid #cecece; }
#supportmain #navbar ul li a { color: #174A7C; text-decoration: none; font-weight: bold; display: block; width: 174px; padding: 3px 3px 3px 10px; margin: 0px; background: url(/images/leftnav-square.gif) no-repeat left center; }
#supportmain #navbar ul li a:hover { color: #B21107; background: url(/images/leftnav-square.gif) no-repeat left center #DBEBF8;}

#supportmain #navbar ul.supportnews { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px; }
#supportmain #navbar ul.supportnews li { background-color: #ffffff; margin: 0px 3px 0px 0px; padding: 0px; border-top: 1px dotted #cecece; }
#supportmain #navbar ul.supportnews li a { color: #174A7C; text-decoration: none; display: block; width: 174px; padding: 3px 3px 3px 10px; margin: 0px; background: url(/images/leftnav-square.gif) no-repeat left center; }
#supportmain #navbar ul.supportnews li a:hover { color: #B21107; background: url(/images/leftnav-square.gif) no-repeat left center #DBEBF8;}


#supportmain #content { display: block; float: left; margin: 20px 0px 0px 15px; width: 750px; min-height: 300px; clear: right;}
/*
#supportmain #content td h1 { color:#0c2577; font-size: 12px; font-weight: bold; border-top: none; background-color: #A4CEEE; }
#supportmain #content td { text-decoration:none; font-size: 12px; font-family:Arial, Helvetica, sans-serif; border-top: 1px solid #cecece;  }
*/


#supportmain .col1 { display: block; width: 355px; float: left;  }
#supportmain .col2 { display: block; width: 355px; float: left; }

#supportmain #resultsnav { font-size: 10px; color: #666; }
#supportmain #resultsnav a { padding: 2px; background-color: #ececec; margin-right: 5px; }
#supportmain #resultsnav a:link { font-size: 10px; color: #999; }
#supportmain #resultsnav a:hover { font-size: 10px; color: #ffb515; }
#supportmain #resultsnav a:visited { font-size: 10px; color: #999; }
#supportmain #resultsnav a.selected { font-size: 10px; color: #666; background-color: #ffb515;}
#supportmain #content #resultsnav a.arrows { font-size: 10px; color: #666; background-color: #fff;}


#supportmain h3 { font-family: 'Lucida Grande' Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 26px; line-height: 26px; color: #ffb515; }
#supportmain h4 { font-family: 'Lucida Grande' Arial, Helvetica, sans-serif; margin: 5px 0px 5px 0px; font-size: 18px; font-weight: bolder; color: #B21107; }
#supportmain .title { font-family: 'Lucida Grande' Arial, Helvetica, sans-serif; margin: 5px 0px 5px 0px; font-size: 18px; font-weight: bolder; color: #662500; }
#supportmain h5 { font-family: 'Lucida Grande' Arial, Helvetica, sans-serif; margin: 5px 0px 5px 0px; font-size: 13px; text-transform: uppercase; color: #174A7C; font-weight: bold; }

#supportmain p { margin-top: 0px; color: #000000; }
#supportmain p.intro { font-weight: lighter; font-size: 16px; line-height: 18px; color: #174A7C; }

#supportmain #navbar img {float:none; crear:both; margin: 15px 0 0 0;}


#flex { font-family:Arial, Helvetica, sans-serif; }
.cellhighlight, #flex td h1 { color:#FFFFFF; font-size: 12px; font-weight: bold; border-top: none; background-color: #B21107; }
#flex td { text-decoration:none; font-size: 12px; font-family:Arial, Helvetica, sans-serif; border-top: 1px solid #cecece; }
#flex h1 { margin: 0 0 5px 0; padding: 3px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#174A7C; }
#flex h1.title { text-indent: 75px; background: url(/images/viewmore.gif) no-repeat; margin: 0 0 0 5px; padding: 3px 3px 3px 10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#174A7C; }
#flex p { margin: 0 0 5px 0; padding: 3px; border-bottom: 1px solid #efefef; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#flex .col1 { display: block; float: left; width: 345px; border: solid 2px #cecece; background: url('/images/flexgrad2.jpg') repeat-x; background-position:bottom; margin: 0 20px 20px 0; }
#flex .col2 { display: block; float: left; width: 345px; border: solid 2px #cecece; background: url('/images/flexgrad2.jpg') repeat-x; background-position:bottom; margin: 0 0 20px 0; }
#flex .single_col { border: solid 2px #cecece; width: 735px; background: url('/images/flexgrad2.jpg') repeat-x; background-position:bottom; margin: 0 0 20px 0;  }

/* Added by Paul */
 #flex .custom_col { border: solid 2px #cecece; background: url('/images/flexgrad2.jpg') repeat-x; background-position:bottom; margin: 0 0 20px 0;  }

 .list { background-color: #ECECEC; }
 .listodd { background-color: #FFFFFF; }
 .listhover { background-color: #E8F3FB; }
 
.tooltip {
	border: solid 2px #cecece;
	background: url('/images/flexgrad2.jpg') repeat-x;
	background-position:bottom;
	background-color: #FFFFFF;
	margin: 0 0 20px 0;
}

#requests .list { border: solid 2px #cecece; width: 735px; }
#requests td { text-decoration:none; font-size: 12px; font-family:Arial, Helvetica, sans-serif; border-top: 1px solid #cecece; }
#requests p { margin: 0 0 5px 0; padding: 3px; border-bottom: 1px solid #efefef; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#requests .title { background-color: #E8F3FB; font-weight: bold; }
#requests .info { background-color: #ECECEC; font-weight: normal; }
#requests .detail { background-color: #FFFFFF; 
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#requests .heading td { border:0px; color:#cecece; font-size: 12px; font-weight: bold; border-top: none; background-color: #B21107;}
#requests .heading a { border:0px; color:#FFFFFF; font-size: 12px; font-weight: bold; border-top: none; background-color: #B21107;}
#requests .heading a:hover { border:0px; color:#cecece; font-size: 12px; font-weight: bold; border-top: none; background-color: #B21107;}

#table { font-family:Arial, Helvetica, sans-serif; border: solid 2px #cecece; width: 98%; margin: 0 0 20px 0; }
#table td h1 { color:#FFFFFF; font-size: 12px; font-weight: bold; border-top: none; background-color: #B21107; }
#table td { text-decoration:none; font-size: 12px; font-family:Arial, Helvetica, sans-serif; border-top: 1px solid #cecece; }
#table h1 { margin: 0 0 5px 0; padding: 3px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#174A7C; }
#table p { margin: 0 0 5px 0; padding: 3px; border-bottom: 1px solid #efefef; font-family:Arial, Helvetica, sans-serif; font-size:12px; }


#footer { position: relative; margin: 0px auto; width: 968px; height: 45px; /*padding: 15px 15px 35px 15px;*/ border-top: dotted 1px #652502; background-color: #000000; clear: both; color:#FFFFFF; font-family: verdana, arial, helvetica, sans-serif; font-size: 7pt; line-height: 18px;}
#footer a { font-family: verdana, arial, helvetica, sans-serif; font-size: 7pt; color: #FFFFFF; line-height: 18px; }
#footer a:hover { font-family: verdana, arial, helvetica, sans-serif; font-size: 7pt; color: #CCCCCC; line-height: 18px; text-decoration:none}




.clear { height: 1px; clear: both; overflow: hidden; }

.hline {
	border-top-width: 1px;
	border-top-color: 999999;
	border-top-style: dotted;
	vertical-align: middle;
	margin: 1em 0 0 0;
}

.vline {
	border-right: solid 1px #e2ded8;
	display: block;
	width: 1px;
	height: 190px;
	float: left;
	background-image: url(images/nav/navback.jpg);
	background-repeat: repeat-x;
}

#supportmain .floatingbox {
	width: 400px;
	height: 400px;
	position: fixed; top:240px;

}

#supportmain .specialbox {
	border-width: 1px;
	border-color: 999999;
	border-style: dotted;
	background-color: #E8F3FB;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#supportmain .document {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#supportmain .holiday {
	border-width: 1px;
	border-style: dotted;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

A.manuallink, A.manuallink:visited {
	color: #9d9282;
 	font-size: 18px;
 	line-height: 24px;
 	font-weight: bold;
 	border-top: none;
 	text-decoration: none;
}

A.manuallink:hover {
	color: #9d9282;
	text-decoration:underline;
}

A.boldlink, A.boldlink:visited {
	color: #174A7C;
 	font-size: 14px;
 	line-height: 16px;
 	font-weight: bold;
 	border-top: none;
 	text-decoration: none;
}

A.boldlink:hover {
	color: #174A7C;
	text-decoration:underline;
}

#supportmain #attachments p { font-size: 10px; color: #666;}
#supportmain #attachments a:link { font-size: 10px; color: #662500; }
#supportmain #attachments a:visited { font-size: 10px; color: #662500; }
#supportmain #attachments a:selected { font-size: 10px; color: #662500; }
#supportmain #attachments a:hover { font-size: 10px; color: #662500; }