body, html{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url('../images/bodybg.png');
	height:100%;
}

.header {font-size:16px; font-weight:bold;}

.header-gray {font-size:16px; font-weight:bold; color:#999999;
	
	color:#333;}

.subheader {font-size:14px;}

.buttonlink {cursor: hand;}

.currentCompany 
{
	margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
    font-size:14px; 
    font-weight:bold; 
    color:#999999;
}
.currentCompany span 
{
	display: block;
    line-height: 18px;
    padding: 5px 0 5px 16px;
}

a, a:active, a:visited {color:#6699CC; text-decoration:underline;}

a:hover {color:#336699; text-decoration:underline;}

#main{
	margin:0 auto;
	width:950px;
	background-color:#FFFFFF;
	padding:0 0px 5px 0px;
}

#main #header{
	height:134px;
	background:url(../images/Headerlogo.gif) no-repeat center bottom;
}
#main #header #headerLeft{
	float:left;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}

#main #header #headerRight{
	float:right;
	width:380px;
	text-align:right;
}

#main #header #headerRight #headerRightPad{
	padding:7px 7px 7px 7px;
}

#main #body{
	margin:10px 10px 10px 10px;
	padding:5px 5px 5px 5px;
}

#main #bodybox{
	padding:5px 5px 5px 5px;
	background-color:#CCCCCC;
	border:1px #999999 solid;
}

#main .bodybox{
	padding:5px 5px 5px 5px;
	background-color:#CCCCCC;
	border:1px #999999 solid;
}

#stepbox{
	background: url(../images/stepbg.gif) center top no-repeat;
	padding:7px 0 0 0;
	height:87px;
	color:#FFFFFF;
	text-align:center;
}
.stepbox{
	background: url(../images/stepbg.gif) center top no-repeat;
	padding:7px 0 0 0;
	height:87px;
	color:#FFFFFF;
	text-align:center;
}

#footer{
	text-align:center;
	font-size:11px;
	padding-top:15px;
	margin:10px auto;
	background-color:#FFFFFF;
	width:950px;
}

#footer td{
	width:15%;
	padding:5px 5px 5px 5px;
}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
/***************************************/
/*************** BUTTONS ***************/
/***************************************/


a.button-gray {
    background: transparent url('../images/buttonright_gray.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
}

a.button-gray span {
    background: transparent url('../images/buttonleft_gray.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 16px;
}

a.button-gray:hover {
    background: transparent url('../images/buttonrighthover_gray.gif') no-repeat scroll top right;
    color: #000;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
}

a.button-gray:hover span {
    background: transparent url('../images/buttonlefthover_gray.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 16px;
}

a.button-red {
    background: transparent url('../images/buttonright_red.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
}

a.button-red span {
    background: transparent url('../images/buttonleft_red.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 16px;
}

a.button-red:hover {
    background: transparent url('../images/buttonrighthover_red.gif') no-repeat scroll top right;
    color: #CCC;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
}

a.button-red:hover span {
    background: transparent url('../images/buttonlefthover_red.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 16px;
}


a.button-green {
    background: transparent url('../images/buttonright_green.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
}

a.button-green span {
    background: transparent url('../images/buttonleft_green.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 16px;
}

a.button-green:hover {
    background: transparent url('../images/buttonrighthover_green.gif') no-repeat scroll top right;
    color: #CCC;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
}

a.button-green:hover span {
    background: transparent url('../images/buttonlefthover_green.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 16px;
}

.blueroundbox {
    background: transparent url('../images/buttonright_blue.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
}

.blueroundbox span {
    background: transparent url('../images/buttonleft_blue.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 16px;
}


a.button-blue {
    background: transparent url('../images/buttonright_blue.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
}

a.button-blue span {
    background: transparent url('../images/buttonleft_blue.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 16px;
}

a.button-blue:hover {
    background: transparent url('../images/buttonrighthover_blue.gif') no-repeat scroll top right;
    color: #CCC;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
}

a.button-blue:hover span {
    background: transparent url('../images/buttonlefthover_blue.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 16px;
}




a.button-orange {
    background: transparent url('../images/buttonright_orange.gif') no-repeat scroll top right;
	color: #555;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
}

a.button-orange span {
    background: transparent url('../images/buttonleft_orange.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 16px;
}

a.button-orange:hover {
    background: transparent url('../images/buttonrighthover_orange.gif') no-repeat scroll top right;
    color: #CCC;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
}

a.button-orange:hover span {
    background: transparent url('../images/buttonlefthover_orange.gif') no-repeat;
    display: block;
    color: #333;
    line-height: 18px;
    padding: 5px 0 5px 16px;
}

/***************************************/
/*************** NAV BAR ***************/
/***************************************/

.preload1 {background: url(../images/ld_2a.png);}
.preload2 {background: url(../images/ld_2b.png);}
.preload3 {background: url(../images/ld_2c.png);}


#nav {padding:0; margin:0 0 35px 0; list-style:none; height:38px; background:#fff url(../images/ld_0.png) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:100%; }
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 25px; cursor:pointer; background: url(../images/ld_0.png);}
#nav li a.top_link span {float:left; display:block; padding:0 25px 0 0; height:35px; background: url(../images/ld_0.png) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 25px 0 0; height:35px; background: url(../images/ld_0b.png) right top no-repeat;}

#nav li.current a.top_link {color:#CCCCCC; background: url(../images/ld_2a.png) no-repeat;}
#nav li.current a.top_link span {background: url(../images/ld_2b.png) no-repeat right top;}
#nav li.current a.top_link span.down {background: url(../images/ld_2c.png) no-repeat right top;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background: url(../images/ld_1a.png) no-repeat;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(../images/ld_1b.png) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(../images/ld_1c.png) no-repeat right top; padding-bottom:3px;}

#nav li.current:hover a.top_link,
#nav li.current a.top_link:hover
{color:#ff0; background: url(../images/ld_2a.png) no-repeat;}
#nav li.current:hover a.top_link span, 
#nav li.current a.top_link:hover span
{background:url(../images/ld_2b.png) no-repeat right top;}
#nav li.current:hover a.top_link span.down,
#nav li.current a.top_link:hover span.down
{background:url(../images/ld_2c.png) no-repeat right top; padding-bottom:3px;}


/*---------Company List----------*/
#nav li.top1 {display:block; float:right;}
#nav li a.top1_link {display:block; float:left; height:35px; line-height:33px; color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0px 0 25px; cursor:pointer; background: url(../images/list_0.png);}
#nav li a.top1_link span {float:left; display:block; padding:0 68px 0 0; height:35px; background: url(../images/list_0b.png) right top no-repeat; }
#nav li:hover a.top1_link,
#nav a.top1_link:hover
{color:#fff; background: url(../images/list_1.png) no-repeat;}
#nav li:hover a.top1_link span, 
#nav a.top1_link:hover span
{background:url(../images/list_1b.png) no-repeat right top;}
#nav .sub1 {position:absolute; left:-9999px; top:-9999px; height:35px; margin:0; padding:0; list-style:none;}
#nav :hover ul.sub1
{left:3px; top:30px; background: #369; padding:3px; border:1px solid #fff; white-space:nowrap; width:178px; height:auto; z-index:300;}
#nav :hover ul.sub1 li
{display:block; height:20px; position:relative; float:none; width:178px; font-weight:normal;}
#nav :hover ul.sub1 li a
{display:block; font-size:11px; height:18px; width:176px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none;border:1px solid #369;}
#nav :hover ul.sub1 li a:hover 
{background:#3366FF; color:#fff; border-color:#fff;}
/*-------------------------------*/



#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:35px; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:38px; background: #69f; padding:3px; border:1px solid #fff; white-space:nowrap; width:130px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:130px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:128px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #69f;}
#nav :hover ul.sub li a:hover 
{background: #06c; color:#fff; border-color:#fff;}


#nav li.current a:hover,
#nav li.current:hover
{position:static; white-space:normal; z-index:1;}


#nav li.current .line
{margin:0; padding:0; list-style:none; position:absolute; left:0; top:35px; width:950px; height:25px; background:url(../images/sld_0.gif) repeat-x; border:0;}

#nav li.current .line li {display:inline; font-weight:normal; height:25px; margin:0; padding:0;}
#nav li.current .line li a
{display:block; float:left; padding:0 20px; margin:0; color:#666666; text-decoration:none; border:0; height:25px; line-height:25px; font-size:11px;}
#nav li.current .line li a:hover {text-decoration:underline;}
#nav li.current .line li a.current {text-decoration:underline; font-weight:bold;}


#progressBackgroundFilter {
  position:fixed;
  top:0px; 
  bottom:-600px; 
  left:-600px;
  right:-600px;
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:#000; 
  filter:alpha(opacity=50); 
  opacity:0.5;
  z-index:1000; 
} 

#processMessage { 
  position:fixed; 
  top:30%; 
  left:43%;
  padding:10px; 
  width:14%; 
  z-index:1001; 
  background-color:#fff;
	border:solid 3px #ffcc33;
	text-align:center;
} 
.processMessage { 
  position:fixed; 
  top:30%; 
  left:43%;
  padding:10px; 
  width:14%; 
  z-index:1001; 
  text-align:center;
  background-color:#fff;
  
} 


#processMessageFile { 
  position:fixed; 
  top:30%; 
  left:30%;
  padding:10px; 
  width:40%; 
  z-index:1001; 
  background-color:#fff;
  
} 


div.scroll {

}

.modalPopupHeader
{
	background-color:#ffcc33;cursor:move;
}

.message
{
	font-family:verdana;
	font-size:10;
	color:red;
}


.gvHeaderL
{ 
	padding:0px 0px 10px 10px; border-right: dotted 1px #333333;border-bottom: dotted 1px #333333;font-weight:bold;
	
}
.gvHeaderC
{ 
 padding:10px 10px 10px 10px; vertical-align:top;border-right: dotted 1px #333333;border-bottom: dotted 1px #333333;
}
.gvRowCell
{
	 padding:10px 0px 10px 10px; vertical-align:top;border-right: dotted 1px #333333;border-bottom: dotted 1px #333333;
}
.gvRowCellLast
{
	 padding:10px 0px 10px 10px; vertical-align:top;border-bottom: dotted 1px #333333;
}

.gvRowCellFirst
{
	 padding:10px 0px 10px 10px; vertical-align:top;border-bottom: dotted 1px #333333;
}
.gvRow
{
	background-color:white;border:none;  
}

.gvRowAlt
{
	background-color:WhiteSmoke;border:none;
}


.headerCustomer {
    background: transparent url('../images/custheader_right.gif') no-repeat scroll bottom right;
    color: #444;
    display: block;
    float: left;
    font: bold 10px arial, sans-serif;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    margin-left: 15px;
    text-decoration: none;                
}

.headerCustomer span {
    background: transparent url('../images/custheader_left.gif') no-repeat scroll bottom left;
    display: block;
    padding: 15px 0px 12px 16px;
}



.collapsePanelHeader
{
	width:100%;	
	height:20px;
	color: #333;	
	font-weight:bold;
	float:none;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 background-color: #D3DEEF;
    color: white:
}

.displayProofsForAd
{float:left;padding: 10px 3px 10px 10px; width:650px;background-color: #F5F5F5; margin: 5px 5px 5px 5px;
}

.dashboardBox
{
	float:left; height:125px; text-align:left; padding:10px 10px 10px 10px; width:400px; background: url(../images/dashboard_bg.gif) center top repeat;
}

.dashboardBoxLeft
{
	background: url(../images/dashboard_bg_left.gif) center top no-repeat;
	width: 5px;
	height: 120px;
}


.alertBox
{
	 background-color:Red;
	border:solid 2px red;
}

.pnlRC
{
	width:100%;
	height:100%;
	
}

.toggleRelative

{

position:relative; 
}


.toggle
{
cursor:pointer;
}

.altrow
{
    background-color: #F5F5F5;
    border:none; 
}
.normalrow
{
    background-color: #FFFFFF;
    border:none; 
}
.roundedcorners
{
   -moz-border-radius: 10px;
}