
/* This is to prevent the clear field 'x' for IE 10 */
input[type=text]::-ms-clear { display: none; }

/* =================================
   =====  General styles =====
   ================================= */
.scroll {
	width: 1200px;
	overflow: auto;
}
.wrapper { 
	width: 1200px; 
	min-height: 800px;
	margin: auto; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
	margin-top: 7em;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
}	
.container { 
	float: left; 
	width: 1140px; 
	min-height: 800px; 
	position: relative;
	margin-left: 30px;
}
.right-content { 
	float: left; 
	width: 890px; 
	min-height: 800px; 
	background: #ffffff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	margin: 0 0 40px 20px;
}
.wide-content { 
	float: left; 
	width: 100%; 
	min-height: 1100px; 
	background: #ffffff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 40px;
}

.img { border: 1px solid #d5d5d5; }

h1, h2, h3, h4, h5, h6, ul.tabs li a, .leftNav ul li a { 
	font-family: sans-serif; font-weight: normal; 
}
h1, h2, h3, h4, h5, h6 { color: #333333; padding-bottom: 12px; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

blockquote { border : 1px solid #272C30; margin-top: 40px; padding: 15px 10px; quotes: "\201C" "\201D"; background: url(../images/widgetBG.jpg) repeat; text-align: center; font-style: italic; font-size: 12px; border-left: 4px solid #272C30; }
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

.red { color: #e0a5a5; }
.green { color: #72c66f; }

.p12 { padding: 12px; }
.pt12 { padding-top: 12px; }

.legendLabel span { display: block; margin: 0 5px; }
.legendColorBox { padding-left: 10px; }

.w40 { width: 40%; position: relative; }


.userNav:after, 
.wrapper:after
{ content: ""; display: block; clear: both; }


/* ==========  Reset classes  ========== */

.mt40 { margin-top: 40px; }
.nomargin { margin: 0!important; }
.nopadding { padding: 0!important; }
.noborder { border: none!important; }
.nobg { background: none!important; }
.floatleft { display: block; float: left; width: 50%;}
.floatright { display: block; float: right; width: 50%;}
.floatleft60 { display: block; float: left; width: 60%;}
.floatright40 { display: block; float: right; width: 40%;}
.aligncenter { text-align: center; }
.fix { clear: both; }
.widget.first { margin: 2px 2px 2px 2px; }
.inactive { margin-top: 0px; color: #2B6893; }
.displayNone { display: none; }

select { overflow: auto; }
.bordLeft { border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; }
.bordRight { border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }


/* ==========  Login page  ========== */

.loginPanel { 
width: 320px; 
background: #C8C8C8;
border: 1px solid #A0A0A0; border-top: 0; 
display: block;
box-shadow:inset 0 0 2px #A0A0A0; 
-moz-box-shadow:inset 0 0 2px #A0A0A0; 
-webkit-box-shadow: inset 0 0 2px #A0A0A0;
-moz-box-shadow: 0 1px 0 #A0A0A0; 
-webkit-box-shadow: 0 1px 0 #A0A0A0; 
box-shadow: 0 1px 0 #A0A0A0; 
}
.loginWrapper { margin: 0 0 0 -160px; position: absolute; top: 20%; left: 50%; }
.loginLogo { position: absolute; width: 190px; height: 44px; display: block; top: -80px; left: 50%; margin-left: -95px; } 
.loginPanel h5 { font-weight: normal; padding: 9px 12px 9px 35px; float: left; color: #FFFFFF; } 

.loginPanel label { width: 60px; }
.rememberMe { margin-left: 12px; }
.rememberMe label { padding: 4px 12px!important; width: auto; } 
.loginInput { width: 206px; float: left; }
.loginRow { border-top: 1px solid #A0A0A0;
padding: 16px 0;
position: relative;
border-bottom: 1px solid #A0A0A0; }
.loginRow:after { content: ""; display: block; clear: both; }
.loginRow .submitForm { margin: 0 14px; }
.loginRow:last-child { border-bottom: none; }

.backTo a:hover { background: #212121; }
.backTo span { padding: 8px 14px 8px 8px; display: block; float: left; }
.backTo img { margin: 13px 2px 11px 14px; float: left; display: block; }
.backTo a { float: left; color: #eeeeee; font-size: 11px; border-right: 1px solid #2F2F2F; border-left: 1px solid #2F2F2F; }

/* ===== Left navigation ===== */

.leftNav { 
	width: 230px; 
	min-height: 800px;
	margin-top: -1px; 
	float: left; 
	margin-bottom: 80px; 
}	
.leftNav .last { border-bottom: none; }

.leftNav ul li { 
	position: relative; 
  list-style-type: none;
}
.leftNav ul li a { 
	color: #ffffff; 
	font-size: 15px; 
	display: block; 
	border: 1px solid #3c4049; 
	margin-top: 5px; 
	background: #48797f;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.leftNav ul li a:hover, .leftNav ul li a.active { 
	background: #48797f;
	color: #cccccc; 
	border: 1px solid #3c4049; 
}
.leftNav ul li a span { 
	padding: 10px 0 8px 25px; 
	display: block; 
}
/* Left navigation subnav */
/*
ul.sub { border: 1px solid #c8c8c8; border-top: none; background: url(../images/widgetBg.png) repeat; margin: 0 }
ul.sub li { border-top: 1px solid #c8c8c8; padding: 1px; }
ul.sub li a { background: url(../images/arrow.png) no-repeat 4px 12px; display: block; border: none; font-family: Arial, Helvetica, sans-serif; color: #494949; font-size: 12px; padding: 0; color: #d5d5d5; margin: 0; }
ul.sub li a:hover, .sub li a:active { font-style: normal; border: none; color: #999; background: url(../images/arrow.png) no-repeat 6px 12px; }

ul.sub li ul { border: none; border-top: 1px solid #c9c9c9; }
ul.sub li ul li { padding-left: 10px; }
*/
ul.sub li { 
	position: relative; 
  list-style-type: none;
}
ul.sub li a { 
	color: #ffffff; 
	font-size: 15px; 
	display: block; 
	border: 1px solid #3c4049; 
	margin-top: 5px; 
	background: #48797f;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ul.sub li a:hover, .leftNav ul li a.active { 
	background: #48797f;
	color: #cccccc; 
	border: 1px solid #3c4049; 
}
ul.sub li a span { 
	padding: 10px 0 8px 15px; 
	display: block; 
}

/* ===== Right side content ===== */

.block-border {
	background: url(../images/shine-effect.png) repeat-x scroll 0 0 rgba(33, 40, 44, 0.7);
	border: 1px solid #25333c;
	border-radius: 5px 5px 5px 5px;
	padding: 8px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.block-content {
	background: url(../images/tableBg.jpg) repeat;
	border-radius: 3px 3px 3px 3px;
	position: relative;
	border: 1px solid #4b5e6b;
	min-height: 1000px;
}
.content { 
	width: 97%;
	height: 100%;
	overflow: visible;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
}
.namehead { 
	background: #3a5765;
	margin: 4px 0 1px 0;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	border-radius: 5px; }
	
	.namehead:after { content: ""; display: block; clear: both; }
	.namehead .member { color: #ffffff; float: left; font-size: 13px; font-weight: bold; display: block; padding: 14px 4px 0 12px; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
	.namehead .lookup { color: #ffffff; float: left; font-size: 12px; font-weight: bold; display: block; padding: 9px 4px 0 12px; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
	.namehead img { float:left; display: block; padding: 12px 0 9px 16px; }
	.namehead .find { float:right; display: block; padding: 7px 12px 6px 0; }
	.namehead .date { color: #ffffff; float: right; font-size: 13px; font-weight: bold; display: block; padding: 14px 12px 0 12px; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
	
/* ===== Error pages  ===== */

.errorBG { height: 800px; background: url(../images/bodyBg.jpg) repeat; margin: 2px 2px 2px 2px; }
.errorPage { width: 500px; margin: 0 auto 80px auto; position: relative; }
.errorPage .errorTitle, .weAreOff { background: url(../images/linesSep.png) repeat-x 0 100%; width: 290px; padding-bottom: 15px; }
.weAreOff { width: 100% }
.errorPage h10 { color: #333333; font-size: 140px; margin: 80px 0; position: relative; padding-left: 10px; }
.errorPage h12 { font-size: 22px; font-weight: normal; }
.errorPage h12 span { background: url(../images/sadEmo.png) no-repeat 0; padding-left: 26px; }
.errorPage .bubbles { position: absolute; background: url(../images/error.png) no-repeat 0 0; width: 138px; height: 133px; top: 10px; left: 320px; }
.errorPage p { width: 100%; color: #fafafa; padding: 15px 0 0 0; background: url(../images/linesSep.png) repeat-x 0 0; font-size: 20px; text-align: center; }


.widget { margin-top: 40px; border: 1px solid #d5d5d5; display: block; background: #fafafa; border-top: none; }
.widgetS { margin-top: 40px; border: 1px solid #d5d5d5; display: block; background: #fafafa; border-top: none; min-width: 25%; float: left; margin-right: 40px; }
.head { border-top: 1px solid #24272b; border-bottom: 1px solid #24272b; position: relative; color: #fafafa; min-height: 38px;
	background: #414649;
	background: -moz-linear-gradient(top, #4e5659 0%, #414649 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e5659), color-stop(100%, #414649));
	background: -webkit-linear-gradient(top, #4e5659 0%, #414649 100%);
	background: -o-linear-gradient(top, #4e5659 0%, #414649 100%);
	background: -ms-linear-gradient(top, #4e5659 0%, #414649 100%);
	background: linear-gradient(top, #4e5659 0%, #414649 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5659', endColorstr='#414649',GradientType=0 );

	box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
}
.head:after { content: ""; clear: both; display: block; }
.head, ul.tabs {
border-top-left-radius: 3px;
border-top-right-radius: 3px;

-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;

-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
}
.widget .head h5, .table h5 { font-weight: bold; padding: 9px 12px 9px 35px; float: left; color: #ffffff } 

/* ===== Footer ===== */

#footer { clear: both; /*height: 36px;*/ background: url(../images/topNav.jpg) repeat; width: 100%; color: #eeeeee; margin-top: 42px; position: absolute; bottom: 0; }
#footer span { color: #696969; padding: 9px 5px; display: block; font-size: 11px; }
#footer span a { color: #eeeeee; }

/* ===== Widgets ===== */

.twoOne { width: 50%; }
.widget, .content .title, .count, .widget .num a, a.count1, .table, .breadCrumb, .earnings, .leftNav ul li a, .listData .cNote, .pages li a, .errorPage, .btn55, .loginPanel, .customfile, ul.sub, .middleNav li a, .searchWidget input[type=text], .nNote { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }


/* ==========  Buttons ========== */

input[type=submit], input[type=reset], input[type=button] { font-size: 12px; font-weight: bold; padding: 2px 14px; color: #ffffff; cursor: pointer; font-family: Arial, Helvetica, sans-serif; line-height: 12px; 
-moz-box-shadow: 0 0 1px 1px #888;
-webkit-box-shadow: 0 0 1px 1px #888;
box-shadow: 0 0 1px 1px #888;
}
button, .button { font-size: 12px; font-weight: bold; padding: 3.5px 14px 3.5px 14px; color: #ffffff; cursor: pointer; font-family: Arial, Helvetica, sans-serif; line-height: 12px; 
-moz-box-shadow: 0 0 1px 1px #888;
-webkit-box-shadow: 0 0 1px 1px #888;
box-shadow: 0 0 1px 1px #888;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover, .button:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

.basicBtn {
	background: #3a5765;
	background: -moz-linear-gradient(top,  #4e7589 0%, #3a5765 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e7589), color-stop(100%,#3a5765));
	background: -webkit-linear-gradient(top,  #4e7589 0%,#3a5765 100%);
	background: -o-linear-gradient(top,  #4e7589 0%,#3a5765 100%);
	background: -ms-linear-gradient(top,  #4e7589 0%,#3a5765 100%);
	background: linear-gradient(top,  #4e7589 0%,#3a5765 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7589', endColorstr='#3a5765',GradientType=0 );
}
.basicBtn:active { background: #446778; }
.blueBtn { 
	background: #3474ab;
	background: -moz-linear-gradient(top,  #469dc4 0%, #3474ab 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#469dc4), color-stop(100%,#3474ab));
	background: -webkit-linear-gradient(top,  #469dc4 0%,#3474ab 100%);
	background: -o-linear-gradient(top,  #469dc4 0%,#3474ab 100%);
	background: -ms-linear-gradient(top,  #469dc4 0%,#3474ab 100%);
	background: linear-gradient(top,  #469dc4 0%,#3a5765 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#469dc4', endColorstr='#3474ab',GradientType=0 );
}
.blueBtn:active { background: #3c87b6; }
.redBtn { 
	background: #85363b;
	background: -moz-linear-gradient(top,  #ab494f 0%, #85363b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ab494f), color-stop(100%,#85363b));
	background: -webkit-linear-gradient(top,  #ab494f 0%,#85363b 100%);
	background: -o-linear-gradient(top,  #ab494f 0%,#85363b 100%);
	background: -ms-linear-gradient(top,  #ab494f 0%,#85363b 100%);
	background: linear-gradient(top,  #ab494f 0%,#85363b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab494f', endColorstr='#85363b',GradientType=0 );
}
.redBtn:active { background: #973f44; }
.seaBtn { 
	background: #2d6d6e;
	background: -moz-linear-gradient(top,  #3c9395 0%, #2d6d6e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c9395), color-stop(100%,#2d6d6e));
	background: -webkit-linear-gradient(top,  #3c9395 0%,#2d6d6e 100%);
	background: -o-linear-gradient(top,  #3c9395 0%,#2d6d6e 100%);
	background: -ms-linear-gradient(top,  #3c9395 0%,#2d6d6e 100%);
	background: linear-gradient(top,  #3c9395 0%,#2d6d6e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c9395', endColorstr='#2d6d6e',GradientType=0 );
}
.seaBtn:active { background: #358182; }
.seaBtn:disabled { opacity: 0.4; }
.seaBtn:disabled:hover { opacity: 0.4; }
.blackBtn { 
	background: #404040;
	background: -moz-linear-gradient(top,  #575757 0%, #404040 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#404040));
	background: -webkit-linear-gradient(top,  #575757 0%,#404040 100%);
	background: -o-linear-gradient(top,  #575757 0%,#404040 100%);
	background: -ms-linear-gradient(top,  #575757 0%,#404040 100%);
	background: linear-gradient(top,  #575757 0%,#404040 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#404040',GradientType=0 );
}
.blackBtn:active { background: #4a4a4a; }
.greyishBtn { 
	background: #36454f;
	background: -moz-linear-gradient(top,  #495d6b 0%, #36454f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#495d6b), color-stop(100%,#36454f));
	background: -webkit-linear-gradient(top,  #495d6b 0%,#36454f 100%);
	background: -o-linear-gradient(top,  #495d6b 0%,#36454f 100%);
	background: -ms-linear-gradient(top,  #495d6b 0%,#36454f 100%);
	background: linear-gradient(top,  #495d6b 0%,#36454f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#495d6b', endColorstr='#36454f',GradientType=0 );
}
.greyishBtn:active { background: #3e4f5b; }
.greenBtn { 
	background: #406d2b;
	background: -moz-linear-gradient(top,  #57933a 0%, #406d2b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57933a), color-stop(100%,#406d2b));
	background: -webkit-linear-gradient(top,  #57933a 0%,#406d2b 100%);
	background: -o-linear-gradient(top,  #57933a 0%,#406d2b 100%);
	background: -ms-linear-gradient(top,  #57933a 0%,#406d2b 100%);
	background: linear-gradient(top,  #57933a 0%,#406d2b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57933a', endColorstr='#406d2b',GradientType=0 );
}
.greyBtn { 
	background: #36454f;
	background: -moz-linear-gradient(top,  #495d6b 0%, #36454f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#495d6b), color-stop(100%,#36454f));
	background: -webkit-linear-gradient(top,  #495d6b 0%,#36454f 100%);
	background: -o-linear-gradient(top,  #495d6b 0%,#36454f 100%);
	background: -ms-linear-gradient(top,  #495d6b 0%,#36454f 100%);
	background: linear-gradient(top,  #495d6b 0%,#36454f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#495d6b', endColorstr='#36454f',GradientType=0 );
}
.greyBtn:active { background: #3e4f5b; }
.greyBtn:disabled { opacity: 0.4; }
.greyBtn:disabled:hover { opacity: 0.4; }
.greenBtn:active { background: #4b8032; 
}
.btn14 { 
	border: 1px solid #999999; 
	border-radius: 2px 2px 2px 2px;
	padding: 1px 4px; 
	display: inline-block;
	width: 20px; height: 20px;
	-moz-border-radius: 5px;
  background: #3a5765;
	text-align: center;
	vertical-align: middle;
}
.btn14:hover {  
	background: #999;
}
.btn14:active { 
	background: #999; 
}
.btn14 img {
	position: relative; top: -1px; left: -2px;
}
.btn16 { 
	border: 1px solid #999999; 
	border-radius: 2px 2px 2px 2px;
	padding: 1px 4px; 
	display: inline-block;
	width: 24px; height: 24px;
	-moz-border-radius: 5px;
  background: #3a5765;
	text-align: center;
	vertical-align: middle;
}
.btn16:hover {  
	background: #999;
}
.btn16:active { 
	background: #999; 
}
.btn16 img {
	position: relative; top: -1px; left: -2px;
}
.btn55 { border: 1px solid #292D2F; padding: 7px 6px 0px 6px; display: inline-block; -moz-box-shadow: 0 1px 0 #363B3E; -webkit-box-shadow: 0 1px 0 #363B3E; box-shadow: 0 1px 0 #363B3E; 
  background: #3a5765;
  background: -moz-linear-gradient(top, #618496 0%, #3a5765 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #618496), color-stop(100%, #3a5765));
  background: -webkit-linear-gradient(top, #618496 0%, #3a5765 100%);
  background: -o-linear-gradient(top, #618496 0%, #3a5765 100%);
  background: -ms-linear-gradient(top, #618496 0%, #3a5765 100%);
  background: linear-gradient(top, #618496 0%, #3a5765 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#618496', endColorstr='#3a5765',GradientType=0 );
}
.btn55:hover { background: #496d80; }
.btn55:active { background: #4e7589; }
.btn55 span { display: block; padding: 5px 5px 0 5px; color: #eaeaea; }
.btnIconLeft { border: 1px solid #292D2F; display: inline-block; color: #fafafa; 
  background: #414649;
  background: -moz-linear-gradient(top, #4e5659 0%, #414649 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e5659), color-stop(100%, #414649));
  background: -webkit-linear-gradient(top, #4e5659 0%, #414649 100%);
  background: -o-linear-gradient(top, #4e5659 0%, #414649 100%);
  background: -ms-linear-gradient(top, #4e5659 0%, #414649 100%);
  background: linear-gradient(top, #4e5659 0%, #414649 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5659', endColorstr='#414649',GradientType=0 );
  box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
}
.btnIconLeft:hover { background-position: 0 -39px; }
.btnIconLeft:active { background: #557a8e; }
.btnIconLeft .icon { float: left; border-right: 1px solid #292D2F; padding: 8px; }
.btnIconLeft span { display: block; float: left; padding: 5px 10px; font-weight: bold; }

.btnrt { display: block; float: right; padding: 3px 2px; }

/* ==========  Numbers notifications  ========== */

.numberTop, .numberMiddle { text-align: center; display: inline-block; font-weight: bold; color: #fff; float: left; border: 1px solid #573535; font-size: 11px; line-height: 14px;

	background: #bf3125;
	background: -moz-linear-gradient(top, #cf6960 0%, #bf3125 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf6960), color-stop(100%, #bf3125));
	background: -webkit-linear-gradient(top, #cf6960 0%, #bf3125 100%);
	background: -o-linear-gradient(top, #cf6960 0%, #bf3125 100%);
	background: -ms-linear-gradient(top, #cf6960 0%, #bf3125 100%);
	background: linear-gradient(top, #cf6960 0%, #bf3125 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf6960', endColorstr='#bf3125',GradientType=0 );

	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;  

	-moz-box-shadow: inset 0 0 1px #e14040; 
	box-shadow:inset 0 0 1px #e14040; 
	-moz-box-shadow:inset 0 0 1px #e14040; 
}
.numberTop { padding: 1px 5px; margin: 10px 0 0 0; }
.numberMiddle { padding: 2px 6px; margin: 0; position: absolute; top: -7px; right: -7px; font-size: 11px; }

.numberActive { text-align: center; display: inline-block; font-weight: bold; color: #fff; float: left; border: 1px solid #573535; font-size: 11px; line-height: 14px;

	background: #bf3125;
	background: -moz-linear-gradient(top, #cf6960 0%, #bf3125 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf6960), color-stop(100%, #bf3125));
	background: -webkit-linear-gradient(top, #cf6960 0%, #bf3125 100%);
	background: -o-linear-gradient(top, #cf6960 0%, #bf3125 100%);
	background: -ms-linear-gradient(top, #cf6960 0%, #bf3125 100%);
	background: linear-gradient(top, #cf6960 0%, #bf3125 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf6960', endColorstr='#bf3125',GradientType=0 );

	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;  

	-moz-box-shadow: inset 0 0 1px #e14040; 
	box-shadow:inset 0 0 1px #e14040; 
	-moz-box-shadow:inset 0 0 1px #e14040; 
}
.numberActive { padding: 1px 5px; margin: 10px 0 0 12px; }

.numberInactive { text-align: center; display: inline-block; font-weight: bold; color: #fff; float: left; border: 1px solid #573535; font-size: 11px; line-height: 14px;

	background: #3474ab;
	background: -moz-linear-gradient(top, #469dc4 0%, #3474ab 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #469dc4), color-stop(100%, #3474ab));
	background: -webkit-linear-gradient(top, #469dc4 0%, #3474ab 100%);
	background: -o-linear-gradient(top, #469dc4 0%, #3474ab 100%);
	background: -ms-linear-gradient(top, #469dc4 0%, #3474ab 100%);
	background: linear-gradient(top, #469dc4 0%, #3474ab 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#469dc4', endColorstr='#3474ab',GradientType=0 );

	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;  

	-moz-box-shadow: inset 0 0 1px #e14040; 
	box-shadow:inset 0 0 1px #e14040; 
	-moz-box-shadow:inset 0 0 1px #e14040; 
}
.numberInactive { padding: 1px 5px; margin: 10px 0 0 4px; }

.countRec { text-align: center; display: inline-block; font-weight: bold; color: #fff; border: 1px solid #573535; font-size: 11px; line-height: 12px; padding: 1px 4px; margin: 1px 0 0 2px;

	background: #bf3125;
	background: -moz-linear-gradient(top, #cf6960 0%, #bf3125 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf6960), color-stop(100%, #bf3125));
	background: -webkit-linear-gradient(top, #cf6960 0%, #bf3125 100%);
	background: -o-linear-gradient(top, #cf6960 0%, #bf3125 100%);
	background: -ms-linear-gradient(top, #cf6960 0%, #bf3125 100%);
	background: linear-gradient(top, #cf6960 0%, #bf3125 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf6960', endColorstr='#bf3125',GradientType=0 );

	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;  

	-moz-box-shadow: inset 0 0 1px #e14040; 
	box-shadow:inset 0 0 1px #e14040; 
	-moz-box-shadow:inset 0 0 1px #e14040; 
}

.badge {
	background: none repeat scroll top left #ffffff;
	color: #B64926;
	float: right;
	margin-right: 30px;
	margin-top: 2.5px;
	line-height: 14px;
	padding: 2px 5px;
	border-radius: 20px;
}

#ui-datepicker-div { font-size:11px; }

.tablist {
	list-style: none; 
  height: 34px;
  padding: 2px 0 0 2px; 
  margin: 0; 
  border: none;
}

.tablist li {
  float: left; 
  margin-right: 2px; 
}

.tablist li a {
  display: block;
  padding: 8px 6px 0 6px;
	height: 23px;
  text-decoration: none;
  border: 0.06em solid #000;
  font: bold 12px arial,geneva,helvetica,sans-serif;
  color: #000;
  background-color: #ccc;

  /* CSS 3 elements */
  webkit-border-top-right-radius: .8em;
  -webkit-border-top-left-radius: .8em;
  -moz-border-radius-topright: .8em;
  -moz-border-radius-topleft: .8em;
  border-top-right-radius: .8em;
  border-top-left-radius: .8em;
}

.tablist li a:hover {
  background: #777; 
  color: #fff;
  text-decoration: none;
}

.tablist li#current a {
  background-color: #4e5659;
  color: #fff;
}

#dhtmltooltip {
	position: absolute;
	width: 500px;
	border: 2px solid black;
	padding: 2px;
	background-color: white;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#printable { display: none; }

@media print {

	#non-printable { display: none; }
  #printable { display: block; }
  
}