body,td,th,select,input,ul,ol,div,button {
	font-family:Tahoma, Geneva, sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	color: #666666;
}
body {
	background-color: #FFFFFF;
	background-image: url(../images/itraqs_bg.png);
	/*background-image: url(../images/its_bg.png);
	/*background-image: url(../images/bg.jpg);*/
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}
a, a:visited { text-decoration:none; font-weight:bold; color:#006699; }
a:hover { text-decoration:underline; font-weight:bold; color:#999999; }

#w95 {	/*padding: 0 0 0;*/	padding-top:4px;	margin: 0 auto;	width: 95%;	position: relative;	text-align: left;}
#w80 {	/*padding: 0 0 0;*/	padding-top:4px;	margin: 0 auto;	width: 80%;	position: relative;	text-align: left;}
#w50 {	/*padding: 0 0 0;*/	padding-top:4px;	margin: 0 auto;	width: 50%;	position: relative;	text-align: left;}
#w25 {	/*padding: 0 0 0;*/	padding-top:4px;	margin: 0 auto;	width: 25%;	position: relative;	text-align: left;}

.w95 {	/*padding: 0 0 0;*/	padding-top:4px;	margin: 0 auto;	width: 95%;	position: relative;	text-align: left;}
.w80 {	/*padding: 0 0 0;*/	padding-top:4px;	margin: 0 auto;	width: 80%;	position: relative;	text-align: left;}
.w50 {	/*padding: 0 0 0;*/	padding-top:4px;	margin: 0 auto;	width: 50%;	position: relative;	text-align: left;}
.w25 {	/*padding: 0 0 0;*/	padding-top:4px;	margin: 0 auto;	width: 25%;	position: relative;	text-align: left;}

#dauto{ float: left; overflow:hidden; width:auto;}
#d99{ float: left; overflow:hidden; width:99%;}
#d98{ float: left; overflow:hidden; width:98%;}
#d95{ float: left; overflow:hidden; width:95%;}
#d90{ float: left; overflow:hidden; width:90%;}
#d85{ float: left; overflow:hidden; width:85%;}
#d80{ float: left; overflow:hidden; width:80%;}
#d75{ float: left; overflow:hidden; width:75%;}
#d70{ float: left; overflow:hidden; width:70%;}
#d65{ float: left; overflow:hidden; width:65%;}
#d60{ float: left; overflow:hidden; width:60%;}
#d55{ float: left; overflow:hidden; width:55%;}
#d50{ float: left; overflow:hidden; width:50%;}
#d45{ float: left; overflow:hidden; width:45%;}
#d40{ float: left; overflow:hidden; width:40%;}
#d35{ float: left; overflow:hidden; width:35%;}
#d30{ float: left; overflow:hidden; width:30%;}
#d25{ float: left; overflow:hidden; width:25%;}
#d20{ float: left; overflow:hidden; width:20%;}
#d15{ float: left; overflow:hidden; width:15%;}
#d10{ float: left; overflow:hidden; width:10%;}
#d5{ float: left; overflow:hidden; width:5%;}

.dauto{ float: left; overflow:hidden; width:auto;}
.d100{ float: left; overflow:hidden; width:100%;}
.d99{ float: left; overflow:hidden; width:99%;}
.d98{ float: left; overflow:hidden; width:98%;}
.d95{ float: left; overflow:hidden; width:95%;}
.d90{ float: left; overflow:hidden; width:90%;}
.d85{ float: left; overflow:hidden; width:85%;}
.d80{ float: left; overflow:hidden; width:80%;}
.d75{ float: left; overflow:hidden; width:75%;}
.d70{ float: left; overflow:hidden; width:70%;}
.d65{ float: left; overflow:hidden; width:65%;}
.d60{ float: left; overflow:hidden; width:60%;}
.d55{ float: left; overflow:hidden; width:55%;}
.d50{ float: left; overflow:hidden; width:50%;}
.d45{ float: left; overflow:hidden; width:45%;}
.d40{ float: left; overflow:hidden; width:40%;}
.d35{ float: left; overflow:hidden; width:35%;}
.d30{ float: left; overflow:hidden; width:30%;}
.d25{ float: left; overflow:hidden; width:25%;}
.d20{ float: left; overflow:hidden; width:20%;}
.d15{ float: left; overflow:hidden; width:15%;}
.d10{ float: left; overflow:hidden; width:10%;}
.d5{ float: left; overflow:hidden; width:5%;}
.dclear{clear:both;}
.dclear99{ float: left; width:99%;}

.c_w5 {width:5px;}
.c_w10 {width:10px;}
.c_w15 {width:15px;}
.c_w20 {width:20px;}
.c_w25 {width:25px;}
.c_w30 {width:30px;}
.c_w40 {width:40px;}
.c_w50 {width:50px;}
.c_w60 {width:60px;}
.c_w70 {width:70px;}
.c_w80 {width:80px;}
.c_w90 {width:90px;}
.c_w100 {width:100px;}
.c_w115 {width:115px;}
.c_w120 {width:120px;}
.c_w150 {width:150px;}
.c_w170 {width:170px;}
.c_w200 {width:200px;}
.c_w250 {width:250px;}
.c_w300 {width:300px;}



.pdr10{ padding-right:10px;}
.pdr15{ padding-right:15px;}
.pdr20{ padding-right:20px;}
.pdr25{ padding-right:25px;}

.ff_times {font-family:'Times New Roman', Times, serif;}
.f10 {font-size:10px; font-weight:normal;}
.f11 {font-size:11px; font-weight:normal;}
.f12 {font-size:12px; font-weight:normal;}
.f15 {font-size:15px; font-weight:normal;}
.f17 {font-size:17px; font-weight:normal;}
.f18 {font-size:18px; font-weight:normal;}
.f19 {font-size:19px; font-weight:normal;}
.f20 {font-size:20px; font-weight:normal;}
.f25 {font-size:25px; font-weight:normal;}
.f30 {font-size:30px; font-weight:normal;}
.f35 {font-size:35px; font-weight:normal;}
.f40 {font-size:40px; font-weight:normal;}
.f45 {font-size:45px; font-weight:normal;}
.f50 {font-size:100px;}
.f100 {font-size:100px;}

.fs_i {font-style:italic;}
.fw_n {font-weight:normal;}
.fw_b {font-weight:bold;}
.fc_999 {color:#999;}
.fc_ccc {color:#CCC;}
.dark, a.dark, a.dark:visited {color:#666; font-weight:normal; text-decoration:none;}
a.dark:hover {color:#000; font-weight:normal; text-decoration:none;}
.grey, a.grey, a.grey:visited {color:#CCC;}
.blue {color:#006699;}
.red {color:#CC0000;}
.white {color:#FFF;}
.green, a.green, a.green:visited {color:#093;}
.orange {color:#F60;}
.amber {color:#F60;}
a.blue:visited {color:#006699;}
a.red:visited {color:#CC0000;}
a.white:visited {color:#FFF;}
a.green:visited {color:#093;}
a.orange:visited {color:#F60;}
.bigform { font-family:Arial, Helvetica, sans-serif; font-size:18px; }
.lightbigform { font-family:Arial, Helvetica, sans-serif; font-size:16px; }
.error { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CC0000; }
.tinyform { font-family:Arial, Helvetica, sans-serif; font-size:10px; }
#tinyform { font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.hr_flat { border-right: none; border-left: none; border-bottom: none; border-top:#999 1px solid; }


.snap_to_top {z-index:10000000000000; width:100%; height:auto; position:fixed; top:0%; left:0%; background:#FFF;}
.snap_to_bottom {z-index:10000000000000; width:100%; height:5%; position:fixed; top:95%; left:0%; background:#FFF;}
.popup_msg {z-index:10000000000000; width:30%; height:auto; position:fixed; top:40%; left:35%; color:#FFF;}

.orangebox { margin-bottom:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; padding-top:5px; border:solid 1px #F90; background:#FFC; }
.orange_box_inset  { color:#FFF; margin-right:0px; padding-bottom:3px; padding-left:7px; padding-right:7px; padding-top:3px; border:solid 1px #F90; background:#F90; }
.orange_box_inset:hover	 a:hover { color:#FFF; margin:0px; padding-bottom:3px; padding-left:7px; padding-right:7px; padding-top:3px; background:#FB0; }
.orange_box_inset a span div { color:#FFF; }

.greybox { margin-bottom:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; padding-top:5px; border:solid 1px #333333; background:#A7A7A7; }
.grey_box_inset  { color:#FFF; margin-right:0px; padding-bottom:3px; padding-left:7px; padding-right:7px; padding-top:3px; border:solid 1px #333; background:#333; }
.grey_box_inset:hover a:hover { color:#FFF; margin:0px; padding-bottom:3px; padding-left:7px; padding-right:7px; padding-top:3px; background:#666666; text-decoration:none; }
.grey_box_inset a span div { color:#FFF; }

.bluebox { margin-bottom:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; padding-top:5px; border:solid 1px #5c9dbd; background:#5c9dbd; }
.blue_box_inset  { color:#FFF; margin-right:0px; padding-bottom:3px; padding-left:7px; padding-right:7px; padding-top:3px; border:solid 1px #5c9dbd; background:#5c9dbd; }
.blue_box_inset:hover a:hover { color:#FFF; margin:0px; background:#5c9dbd; }
.blue_box_inset a span { color:#FFF; }

.info_box { margin-bottom:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; padding-top:5px; border:solid 1px #5c9dbd; background:#5c9dbd; }
.info_box_inset  { color:#555; margin-right:0px; padding-bottom:3px; padding-left:7px; padding-right:7px; padding-top:3px; border:solid 5px #E5EFF4; background:#FBFCFD; }
.info_box_inset:hover { color:#555; margin:0px; background:#FBFCFD; }
.info_box_inset span { color:#555; }


.light_box_inset { margin-right:0px; padding-bottom:3px; padding-left:7px; padding-right:7px; padding-top:3px; border:solid 0px #5c9dbd; background: #F4F4F4 top repeat-x url(../../../images/app/user_menu_bg.png); }

.light_box_ivrt { margin-right:0px; padding-bottom:3px; padding-left:7px; padding-right:7px; padding-top:3px; border:solid 0px #5c9dbd; background: #F4F4F4 bottom repeat-x url(../../../images/app/user_menu_bg.png); }

.darkheader {color:#FFFFFF; background:#666666; border:solid 1px #FCFCFC;}
.blueheader {color:#FFFFFF; background:#006699; border:solid 1px #FCFCFC;}
.yellowheader {color:#FFFFFF; background:#FFCC00; border:solid 1px #FCFCFC;}

.darkheader hr {color:#666666; border:solid 1px #FCFCFC;}
.blueheader hr {color:#006699; border:solid 1px #FCFCFC;}
.yellowheader hr {color:#FFCC00; border:solid 1px #FCFCFC;}

.transparent {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.8;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;
}

table.grid { width:100%; margin:0px; border:none;  }
table.grid thead th { margin:0px; padding:5px; background-color: #f3f3f3; border-bottom: 1px solid #999; text-align: center; }
table.grid thead td { margin:0px; padding:5px; background-color: #f3f3f3; border-bottom: 1px solid #999; }
table.grid tr { margin:0px; height:15px; margin:0px; border-bottom:#999 1px solid; border-left:#999 1px solid; }
table.grid td { margin:0px; padding:5px; text-align:left; vertical-align:top; height:15px; margin:0px; border:#999 1px solid; }

.btn {width: 75px; font-family: tahoma, verdana, arial; padding-bottom:3px; padding-left:7px; padding-right:7px; padding-top:3px; border:solid 1px #5c9dbd; background:#5c9dbd; color:#FFFFFF; text-decoration:none; }
.btn1, .btn1:hover, .btn1:visited {font-family: tahoma, verdana, arial; padding-bottom:3px; padding-left:7px; padding-right:7px; padding-top:3px; border:solid 1px #5c9dbd; background:#5c9dbd; color:#FFFFFF; text-decoration:none; }
.btn_red, .btn_red:hover, .btn_red:visited {font-family: tahoma, verdana, arial; padding-bottom:3px; padding-left:7px; padding-right:7px; padding-top:3px; border:solid 1px #f33; background:crimson; color:#FFFFFF; text-decoration:none; }
.button, .button:hover, .button:visited {font-family: tahoma, verdana, arial; padding-bottom:3px; padding-left:7px; padding-right:7px; padding-top:3px; border:solid 1px #5c9dbd; background:#5c9dbd; color:#FFFFFF; text-decoration:none; }
.bigbutton, .bigbutton:hover, .bigbutton:visited {font-family: tahoma, verdana, arial; font-size:16px; background-color: #5c9dbd;  border: 3px #5c9dbd solid; color:#FFFFFF; font-weight: bold; text-decoration:none; }


/*MODAL_BOX*/
/* The Modal (background) */
.modal_box {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: -5%; /*-15%;*/
    width: 100%; /* Full width */
    height: 115%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 11% auto; /* 15% from the top and centered */
    padding: 15px;
    border: 1px solid #888;
    width: 60%; /* Could be more or less, depending on screen size */ /*800 x 300*/
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 22px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
/*MODAL_BOX*/


.null, .null_display {display:none;}
.hide { display:none; }

/*enable line below if boostrap or font-awesome*/
.null_bs { display:none; }

.print {display:none;}
.noprint {display:;}

.box_shadow
{
    box-shadow: #000 1px 1px 3px;
      -moz-box-shadow: #000 2px 1px 5px;
      -webkit-box-shadow: #000 1px 1px 3px;
      -o-box-shadow: #000 1px 1px 3px;
}