/* CSS Document */

/*  CSS Written by: Sam Marks
    Authored on: 24th July 2008  */
Body {
	margin:0;
	padding:0;	
	
	background-position: top 0;
	background-repeat: repeat-x;
	height:100%;
}

/* panels and blocks */

.panelheads {      
	width: 630px;
	padding: 5px 5px 5px 5px;
	background-color: #057ec8;
	border: 2px solid #e3e3e3;
	text-align: left;
	margin: 10px 0 0 0;
}
.hometoprows {
	width: 955px;
	background: url(../Images/Misc/HomeCurveTop.gif) left no-repeat;
	height: 209px;
}
.home_features {
	background: url(../Images/Misc/feature_shadow.gif) bottom left no-repeat;
	height: 208px;
}
.home_feature {
	background: url(../images/Misc/feature_bg.gif) no-repeat;
	width: 195px;
	padding: 3px 6px 10px 15px;
	height: 178px;
	text-align: left;
}
.home_feature p {
	line-height: 18px;
	font-size: 14px;
}

.darkblue {
	color: #112637;
}
.headerswht {
	font-family: helvetica, arial, verdana;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.containerbox {
	margin: 0 auto; 
	width: 960px;
	height:  100%;
	border-left:  0px dotted #999999;
	border-right:  0px dotted #999999;

}
.contentpanel {
	width: 671px; 
	float:left;
	background-color: #fff;
	background-image: url(../Images/Misc/LeftContentBg.gif);
	background-repeat: no-repeat;
	
	

}

.sidenavi {
	width:289px;
	float:left;
	background-color: #fff;
	background-image: url(../Images/Misc/RightContentBg.gif);
	background-repeat: no-repeat;
	text-align: right;
	height: 100%;
}
.sidenavibg 
{
	border-bottom: 1px solid green;  background-color: #e3eae6;	
}
.masthead{
	height: 124px;
	width: 650px;
}
.naviblock {
	float:  right;
	display:  inline;
	width: 450px;
	margin: 0 0 25px 0;
	padding: 0 0 0 0;
}
.clear {
	clear: both;
}
.contentpanels {
	width: 725px;
	margin: 0 0 6px 10px;
	padding: 6px 0 10px 0;
}
.contentpanels-wide {
	width: 940px;
	margin: 0 0 10px 10px;
	padding: 10px 0 10px 0;
}
.contentpanelsnoline {
	width: 640px;
	margin: 0 0 10px 10px;
	padding: 10px 0 10px 0;
}
.savepanels {
	width: 692px;
	margin: 0 0 0 0;
	text-align: center;
	padding: 15px;
	background-color: #f4560c;
	border: 2px solid #d5d5d5;
	font-family: arial, verdana, helvetica;
}
.savepanels p {
	color: #ffffff;
	text-align: center;
}
.helppanels {
	width: 692px;
	margin: 0 0 10px 0;
	padding: 15px;
	background-color: #1780c3;
	text-align: left;
	color: #fff;
	font-family: arial, verdana, helvetica;
	font-size: 12px;
	float: left;
}
.datapanels {
	width: 692px;
	margin: 0 0 10px 0;
	padding: 15px;
	background-color: #d9e2e7;
	border:  1px dotted #999999;
	text-align: left;
}
.grey_background {
	background: #e7e7e7;
	padding: 6px 10px 6px 10px;
}
.datapanels2 {
	width: 692px;
	margin: 0 0 10px 0;
	padding: 15px;
	background-color: #d9e2e7;
	border:  1px dotted #999999;
	text-align: center;
}
.datapanels3 {
	width: 630px;
	margin: 0 0 10px 0;
	padding: 15px;
	background-color: #fff;
	border:  1px dotted #999999;
	text-align: center;
}
.datapanels4 {
	width: 692px;
	margin: 0 0 10px 0;
	padding: 15px;
	background-color: #0880cd;
	border:  1px dotted #999999;
	text-align: left;
}
.blockpanels {	
	background-color: #bbcedc;
	border: 1px dotted #999999;
	text-align: left;
	float: left;
	display: inline;
	width: 320px;
	height: 42px;
	padding: 8px 0 0 10px;
	margin: 7px;
}
.blockpanels2 {
	
	background-color: #bbcedc;
	border:  1px dotted #999999;
	text-align: left;
	float: left;
	display: inline;
	width:  100%;
	margin: 0 5px 5px 0;
}
.blockpanels2deactive {
	background-color: #bbcedc;
	border:  1px dotted #999999;
	text-align: left;
	float: left;
	display: inline;
	width:  99%;
	margin: 0 5px 5px 0;
	padding: 5px 0 5px 5px;
}
.blockpanels2active {
	background-color: #85b56b;
	border:  1px dotted #999999;
	text-align: left;
	float: left;
	display: inline;
	width:  99%;
	margin: 0 5px 5px 0;
	padding: 5px 0 5px 5px;
}
/* Text classes */
	h1 {
	font-family: helvetica, arial, verdana;
	font-size: 22px;
	font-weight: bold;
	color: #112637;
	letter-spacing: -1;
}
	h2 {
	font-family: helvetica, arial, verdana;
	font-size: 18px;
	font-weight: bold;
	color: #112637;
	letter-spacing: -1;
}

	.ToggleCollapseContent {
	font-size: 9pt; font-weight: normal; color: #112637; text-decoration:none;	
}

	h3 {
	font-family: helvetica, arial, verdana;
	font-size: 16px;
	font-weight: normal;
	color: #112637;
	letter-spacing: -1;
}
	h4 {
	font-family: helvetica, arial, verdana;
	font-size: 15px;
	font-weight: bold;
	color: #112637;
	letter-spacing: -1;
	margin:  8px 0 8px 0;
}
	.featboxhead {
	font-family: helvetica, arial, verdana;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: -1;
	margin:  0px 0 0 60px;
}
	.headers {
	font-family: helvetica, arial, verdana;
	font-size: 14px;
	font-weight: bold;
	color: #112637;
	letter-spacing: -1;
}
	.smallheaders {
	font-family: helvetica, arial, verdana;
	font-size: 12px;
	font-weight: bold;
	color: #112637;
	letter-spacing: -1;
}
	.highlighttext {
	font-family: helvetica, arial, verdana;
	font-size: 17px;
	font-weight: bold;
	color: #112637;
	line-height: 26px;
	padding: 0 0 0 0;
	margin:  0 0 0 0;
}
	.highlighttext2 {
	font-family: helvetica, arial, verdana;
	font-size: 17px;
	font-weight: bold;
	color: #112637;
	line-height: 30px;
	padding: 0 0 0 0;
	margin:  0 0 0 0;
	letter-spacing: -1;
}
	.lightblue {
	color: #00a7e4;
}
	.orange {
	color: #f04c12;
}
	.red {
	color: red;
}
	.yellow {
	color: #e2c13e;
}
	.green {
	color: #5e9705;
}
	.white {
	color: #fff;
	margin:  0 0 0 0;
	padding:  0 0 0 0;
}
	.dblue {
	color: #102d43;
}
	p.form {
	font-family: arial, verdana, times;
	font-size: 12px;
	font-weight: normal;
	color: #3b3b3b;
	line-height: 14px;
	padding-top: 20px;
}
	p.pad {
	font-family: arial, verdana, times;
	font-size: 12px;
	font-weight: normal;
	color: #3b3b3b;
	line-height: 14px;
	padding-top:  10px;
}
	.left {
	text-align: left;	
}
	p {
	font-family: arial, verdana, times;
	font-size: 12px;
	font-weight: normal;
	color: #3b3b3b;
	line-height: 14px;
}
	p a , p a:visited{
	color: #fc3916;
	text-decoration: none;
}
	p a:hover{
	color: #fb8630;
	text-decoration: none;
}
	p.right {
	font-family: arial, verdana, times;
	font-size: 12px;
	font-weight: bold;
	color: #3b3b3b;
	line-height: 12px;
	text-align: right; 
	margin: 0 10px 10px 0;
}
	p.right a , p a:visited{
	color: #fc3916;
	text-decoration: none;
	font-weight: inherit;
}
	p.right a:hover{
	color: #fb8630;
	text-decoration: none;
}

	p.footer {
	font-family: arial, verdana, times;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}
	p.footer a , p.footer a:visited{
	color: #fc3916;
	text-decoration: none;
}
	p.footer hover{
	color: #fb8630;
	text-decoration: none;
}
	p.small {
	font-family: arial, verdana, times;
	font-size: 10px;
	font-weight: normal;
	color: #3b3b3b;
	line-height: 14px;
}
	p.small a , p.small a:visited{
	color: #fc3916;
	text-decoration: none;
}
	p.small a:hover{
	color: #fb8630;
	text-decoration: none;
}
	p.panels {
	font-family: arial, verdana, times;
	font-size: 12px;
	font-weight: normal;
	color: #3b3b3b;
	line-height: 13px;
	margin:  0;
	padding:  3px 0 3px 0;
	
}
	.lt {
	font-family: arial, verdana, times;
	font-size: 12px;
	font-weight: normal;
	color: #3b3b3b;
	line-height: 15px;
}
	.lt a , .lt a:visited{
	color: #fc3916;
	text-decoration: none;
}
	.lt a:hover{
	color: #fb8630;
	text-decoration: none;
}
	.navis {
	font-family: helvetica, arial, verdana;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: -1;
	padding: 0 0 0 0 ;
	margin:  0 0 0 0;
}
	.navis a , .navis a:visited {
	font-family: helvetica, arial, verdana;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: -1;
	text-decoration: none;
}
	.navis a:hover {
	font-family: helvetica, arial, verdana;
	font-size: 12px;
	font-weight: bold;
	color: #dddddd;
	letter-spacing: -1;
	text-decoration: none;
}

/* Tabs */
#header {
      float:right;
      width:100%;
      line-height:normal;
      margin:  0 0 0 0;
      text-align: right;
      }
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("../Images/Tabs/left.png") no-repeat left top;
      margin:0 1px 0 0;
      padding:0 0 0 9px;
    }
    #header a {
      display:block;
      background:url("../Images/Tabs/right.png") no-repeat right top;
      padding:7px 15px 10px 6px;
      color: #fff;
  	  font-weight: bold;
  	  font-family:  helvetica, arial;
  	  font-size:  14px;
  	  text-decoration: none;
  	  letter-spacing: -1;
     
}
    #header li.orange {
      float:left;
      background:url("../Images/Tabs/left_on.png") no-repeat left top;
      margin:0 1px 0 0;
      padding:0 0 0 9px;
    }
    #header a.orange {
      display:block;
      background:url("../Images/Tabs/right_on.png") no-repeat right top;
      padding:7px 15px 10px 6px;
      color: #fff;
  	  font-weight: bold;
  	  font-family:  helvetica, arial;
  	  font-size:  14px;
  	  text-decoration: none;
  	  letter-spacing: -1;
     }
    #header .current 
{
      background-image:url("../Images/Tabs/left_on.png");
}
    #header .current a 
{
      background-image:url("../Images/Tabs/right_on.png");
      padding-bottom:0px;
}


/* Help Tabs */
    #helptabs ul 
    {
      margin: 0;
      padding: 0;
      list-style: none;
      }
    #helptabs ul li 
    {
      float: left;
      background:url("../Images/Tabs/left.png") no-repeat left top;
      margin: 0;
      padding: 0 0 0 9px;
    }
    #helptabs span 
    {
      cursor: hand;
      display: block;
      background: url("../Images/Tabs/right.png") no-repeat right top;
      padding: 7px 15px 10px 6px;
      color: #fff;
  	  font-weight: bold;
  	  font-family: helvetica, arial;
  	  font-size: 14px;
  	  text-decoration: none;
  	  letter-spacing: -1;
}
    #helptabs .current 
{
      background-image:url("../Images/Tabs/left_on.png");
}
    #helptabs .current span 
{
      background-image:url("../Images/Tabs/right_on.png");
}

/* Buttons */

	.optionactive {
	
	background-image: url(../Images/Misc/ButtonActive.gif);
	background-repeat: repeat-x;
	text-align: left;
	padding: 0 0 0 5px;
}
	.optiondeactive {
	
	background-image: url(../Images/Misc/ButtonDeActive.gif);
	background-repeat: repeat-x;
	text-align: left;
	padding: 0 0 0 5px;
}

/* Form fields */
	.form {
	margin:  0 0 0 0;
}
	.plainfields {
	width: 300px;
	height: 20px;
	line-height: 20px;
	border:  1px solid #f36206;
	border-right: 3px solid #f36206;
	font-family: arial, verdana, times;
	font-size: 12px;
	color: #3b3b3b;
}
	.genfields {
	width: 395px;
	border: 1px solid #f36206;
	border-right: 3px solid #f36206;
	font-family: arial, verdana, times;
	font-size: 12px;
	color: #3b3b3b;
}
	.openfields {
	border:  1px solid #f36206;
	border-right: 3px solid #f36206;
	text-align: left;
	font-family: arial, verdana, times;
	font-size: 12px;
	color: #3b3b3b;
}
	.minifields {
	width: 200px;
	height: 20px;
	line-height: 20px;
	border:  1px solid #44a2dd;
	font-family: arial, verdana, times;
	font-size: 12px;
	color: #3b3b3b;
	border-right: 3px solid #44a2dd;
}
	.enqfields {
	width: 300px;
	border:  1px solid #44a2dd;
	border-right: 3px solid #44a2dd;
	font-family: arial, verdana, times;
	font-size: 12px;
	color: #3b3b3b;
}
	.button {
	width: 305px;
	height: 20px;
	border:  1px solid #af3608;
	border-right: 3px solid #af3608;
	background-color: #f26126;
	color:  #fff;
	font-weight: bold;
	margin:  5px 0 0 0;
}
	.minibutton {
	height: 20px;
	border:  1px solid #af3608;
	border-right: 3px solid #af3608;
	background-color: #f26126;
	color:  #fff;
	font-weight: bold;
	margin:  5px 0 0 0;
}

/* Misc elements */
.questionmark {
	margin:  0 0 0 4px;
}
.dottedrule {
	border-top: 1px dotted #999999;
	margin:  10px 0 10px 0;
	clear: both;
}
.greyrule {
	border-top: 5px solid #bababa;
	margin:  10px 0 10px 0;
}

/* JTIP Classes */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/jtip/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/jtip/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #11273c;
	background-color: #fff;
}
#JT_copy{
	padding:10px 10px 10px 10px;
	color:#fff;
	font-family: Arial, Verdana;
	font-size: 12px;
	background-color:#29abe2;
	font-weight: bold;
}

.JT_loader{
	background-image: url(../images/jtip/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #11273c;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	color:#fff;
	font-family:helvetica, Arial;
	font-size: 14px;
	letter-spacing: -1px;
}

#JT_close_right{
	background-color: #11273c;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	color: #ffffff;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #11273c;
}

.jTip{
cursor:help;
}

/* New items added 14.09.08*/
.headers2 {
    font-family: helvetica, arial, verdana;
    font-size: 14px;
    font-weight: bold;
    color: #112637;
    letter-spacing: -1;
    margin:10px 0 0 0; 
    padding:0 0 0 0;
}

.copy2 {
    font-family: arial, verdana, times;
    font-size: 12px;
    font-weight: normal;
    color: #3b3b3b;
    line-height: 14px;
    margin:0 0 0 0; 
    padding:0 0 0 0;
}

.tooltips {
    display:  none;
}


.grey_word
{
  	width: 100%;
	background:# f0f4fa url(/Images/Misc/Word.gif) no-repeat top right;
	padding: 5px 0px 0px 4px;
  	margin-bottom: 5px;
	border: 1px solid #dedede;
}

div.errorpanels {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 10px 5px 5px 10px;
	background-color: #ff5555;
	border:  1px dotted #000000;
	text-align: left;
	font-family: arial, verdana, times;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
}
div.errorpanels p 
{
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
}

.input_area 
{
	width: 100%;
	min-height:90px;
  height: auto !important;
  height: 90px;
	background: #ffffff;
	padding: 5px 0px 0px 4px;
	border: 1px solid #dedede;
}


div.validatorItem
{
  font-family: helvetica, arial, verdana;
  width:334px; float:left; font-size: 12px;
  color:#1f1f1f; padding: 2px 11px 2px 2px; margin: 2px;
  background:#f0f4fa;
  border: 1px solid #dedede;
}
div.validatePanel
{
  font-family: helvetica, arial, verdana; font-size: 12px;
  padding: 2px; margin: 2px;
  background:#f0f4fa;
  border: 1px solid #dedede;
}



/* IE 6 - Select Boxes over jTip */

#JT
{
	position:absolute;
	z-index:10;/*any value*/
	overflow:hidden;/*must have*/
	width:33em;/*must have for any value*/
}

#JT iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}

#JT .bd
{
	border: solid 1px #aaaaaa;
	padding: 12px;
	background-color: white;
}

	.red_text {
	color: #d60606;
	font-weight: bold;
}

	.yellow_text {
	color: #ddb71e;
	font-weight: bold;
}

	.green_text {
	color: #5e9705;
	font-weight: bold;
}

	.bottom_rule {
	border-bottom: 1px dotted #999999;
	margin: 0 0 0 0;
	padding: 3px;
}
    #divContent ul {
      margin: 2px 23px 2px 23px;
      }
      
    #divContent li {
      margin: 0 0 0 0;
      padding: 0px 0 0 0;
      /*list-style:disk;*/
      list-style:none;
      }
      
    #divContent li a:hover {
	  color: #fb8630;
      text-decoration: none;
      }
      
    #divContent li a {
	  color: #fc3916;
      text-decoration: none;
      }

  	.imagefloat {
	float: left;
	padding: 0 3px 0 3px;
	clear: both;
	margin: 0 0 0 0;
}

th
{
	font-size: 12px;
	color: #3b3b3b;
}

	.bottomdottedrule
{
	border-bottom: 1px dotted #999999;
}

.darkblue {
	color: #08537f;
}

.page-header{
	margin: 0 0 18px 0!important;
}