@charset "utf-8";
/* CSS Document */
.mainbody { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
body { margin-left:30px;font-family:Arial, Helvetica, sans-serif; font-size:13px;}
ul{ margin:0; padding:0}
li { margin:0; padding:0; list-style-type:none}
.topbar { background-color:#0076be; height:5px;}
.wraper { width:1020px; margin:auto;}
.socialicon { text-align:right; color:#FFF; background-color:#0076be; padding:5px; padding:3px 10px 3px 3px; font-size:14px; overflow:auto; _height:30px;}
.phonenum { float:right; display:block; margin-top:5px; margin-right:10px;}
.tweet { background:url(../images/t-f-logo-img.jpg) no-repeat left top; display:block; width:25px; height:30px; float:right;margin-right:10px;}
.facebook { background:url(../images/t-f-logo-img.jpg) no-repeat -37px top; display:block; width:25px; height:30px; float:right;  }
.headerText {color:#FF4719;font-weight:normal;font-size:16px;}
.logo { margin:10px;}
.menu { background:url(../images/menu_bg.jpg) repeat-x left top; border:1px solid #d7d8d8}
.menu_left {background:url(../images/menu_left_cor.jpg no-repeat left top)}
.menu_links {background:url(../images/menu_right_cor.jpg) no-repeat right top; display:block; overflow:auto; width:1020px;}
.menu_links li { float:left; line-height:19px; ~line-height:18px;}
.menu_links li a { text-decoration:none; color:#0d385b; font-size:12px; padding:10px;  display:block; font-weight:bold; text-transform:capitalize;}
.menu_links li a.select, .menu_links li a:hover { background:url(../images/menubg-green.jpg); border:2px solid #cccccc; padding:8px}

.login{ background-image:url(../images/login-heading.jpg); background-repeat:no-repeat; background-position:top; padding:9px 40px; font-size:17px; color:#FFF;}
.loginbox{ background-image:url(../images/loginbox-bg.jpg); background-repeat:no-repeat; background-position:top; padding:0px; font-size:12px; height:141px; vertical-align:top}
.loginbox ul { margin:0; padding:0; margin-left:18px; margin-top:10px; }
.loginbox a { text-decoration:none; color:#000}
.loginbox a:hover { text-decoration:underline} 
.rightcolum { width:209px; margin:0px; float:right; }

.orangebold{ font-weight:bold; color:#FF4719; font-size:13px;}
.bluebold{ font-weight:normal; color:#000; font-size:13px;}
.morelink{ color:#0076be; text-align:right;}
.morelink a{ color:#0076be; text-decoration:none;}
.morelink a:hover{ color:#FFB482;}

.leftmenu  li#endmenuitem{  background-image:url(../images/endmenubg.jpg);background-repeat: no-repeat; }

.leftmenu{  color:#09C; font-weight:normal; font-size:13px;}
.leftmenu  li{  color:#09C; text-decoration:none;font-size:13px; padding:8px 15px;background-image:url(../images/menubg.jpg);background-repeat: no-repeat; }
.leftmenu  li a{  vertical-align:top; color:#09C;font-size:13px; text-decoration:none;}
.leftmenu  li a:hover{ color:#FF4719;font-style:italic;text-decoration: underline;}
.videos{margin:0px; padding:0px; vertical-align:top; overflow:auto; ~overflow:hidden;}
.videos ul li { display:inline; list-style: none; float: left; width: 112px;  padding: 4px; margin: 0 5px 0 0;}
.videos ul li span { font-weight:bold; color:#FFB482; }

.testimonials { padding:0px; margin:0px; }

h1{ background-color:#eef0ea; font-weight:normal; font-size:17px; color:#0076be; line-height:35px; padding-left:20px;}
.phonenum {}
.bodyarea {}
.footer { background-color:#000; color:#FFF; padding:10px; text-align:center; line-height:20px;}
.footer a { color:#fff; text-decoration:none}
.footer a:hover{ color:#09C;}
.logininput { border:0px; width:161px; padding:5px; border:none; background-image:url(../images/form-bg.jpg); background-repeat:no-repeat;}
.btn01 { border:2px solid #fff; background-color:#006699; color:#fff}
.clearboth { clear:both}
.banner {width:650px; float:left; margin-top:4px;}
.datalist { background-color:#006699;color:#ffffff } 
.datalist tr td { background-color:#ffffff;color:#000000;padding:5px 5px 5px 5px;  } 
.searchlist { background-color:#006699;color:#ffffff;table-layout:fixed;overflow:auto;word-wrap:break-word;} 
.searchlist tr td { background-color:#ffffff;color:#000000;padding:5px 5px 5px 5px;  } 
.headerbold { font-weight:normal; color:#ffffff; font-size:100% }

html {
SCROLLBAR-FACE-COLOR: #dddddd; 
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
SCROLLBAR-SHADOW-COLOR: #ffffff; 
SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
SCROLLBAR-ARROW-COLOR: #000; 
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
}

div.msgdiv {
	width:80%; 
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
}

td.msgtext{
	font-family:arial;
	font-weight: bold;
	font-size:100%;
}

body.report {
	margin:5px 10px 5px 10px;
}

table.printtable {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
}

table.printtable th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: black;
}

table.printtable td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: black;
}
		
		
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #ffffff;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;

}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/

background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}




.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #666666;
font-family:arial;
font-weight: bold;
font-size:12pt;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}




/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #F2F2F2;
	border: 1px solid black;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #BDBDBD;
	border: 1px solid black;
	}

	
.dpHolidayTD {
	border: 1px solid orange;
	}	


.dpHolidayTDHover{
	border: 1px solid black;
	}	

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #D8D8D8;
	border: 1px solid #888888;
	cursor: pointer;
	color: blue;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #BDBDBD;
	border: 1px solid black;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #D8D8D8;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #D8D8D8;
	font-weight: bold;
	}

/* Pagination CSS */

.pg-normal {
	font-weight: normal;
	font-family: arial; 
	font-size: 12px;
	text-decoration: none;   
	cursor:pointer;
	cursor: hand;
	vertical-align:middle;
}

.pg-simple {
	color: white;
	font-weight: normal;
	font-family: arial; 
	font-size: 12px;
	text-decoration: none;
	vertical-align:middle;
}

.selectpage {
	color: black;
}

img.imgNav {
	width:18px;
	height:18px;
	vertical-align:middle;
	border:0px;
}

td.paginationDetails { 
	font-family:arial;
	font-weight: normal;
	background-color:#006699;
	color:white;
}

table.paginationTable {
	margin-top:-1px;
	border:1px solid #999999;
}

.btn {
  margin:2px 4px 2px 0px; padding:1px;
  font-size:14px; font-weight:bold;
  color:#000; background:#eee;
  border:1px solid #999;
  width:26px; height:'16px';
  cursor:pointer;
}
.tb {
  text-align:left;
  margin:0; padding:0;
  background:#eee;
  width:'100%'; height:'22px';
}