@charset "utf-8";
/* CSS Document */

.QOverlay {
	background-color: #000000;
	z-index: 9999;	
}

.QLoader {
	background-color: #CCCCCC;
	height: 1px;
}
@font-face {

    font-family: 'CenturyGothicRegular';

    src: url('fonts/century-gothic-regular.eot');

    src: url('fonts/century-gothic-regular.eot') format('embedded-opentype'),

         url('fonts/century-gothic-regular.woff2') format('woff2'),

         url('fonts/century-gothic-regular.woff') format('woff'),

         url('fonts/century-gothic-regular.ttf') format('truetype'),

         url('fonts/century-gothic-regular.svg#CenturyGothicRegular') format('svg');

}

@font-face {

    font-family: 'Calibri';

    src: url('fonts/calibri.eot');

    src: url('fonts/calibri.eot') format('embedded-opentype'),

         url('fonts/calibri.woff') format('woff'),

         url('fonts/calibri.ttf') format('truetype'),

         url('fonts/calibri.svg#CenturyGothicRegular') format('svg');

}

/* Generic Styles */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, caption, tbody, tfoot, thead {border: 0 none;margin: 0;   outline: medium none;padding: 0;}

body{font-family: 'CenturyGothicRegular'; font-size: 14px;
 background: font:13px;color: #4F5155; margin:0px; padding:0px; height:100%; line-height: 1.5678;}

a{color: #003399;background-color: transparent;font-weight: normal;}
.btnred{background-color: #CD1F1F;color: #FFFFFF;font: 11px Arial,Helvetica,sans-serif;padding: 5px 8px 4px;text-decoration: none;text-transform: uppercase; border:none; cursor:pointer;}
.btnred:hover{font:normal 11px Arial, Helvetica, sans-serif;color:#FFF;text-decoration:none; text-transform:uppercase;padding:5px 8px 4px 8px;background-color:#b81414;}


h1{font-family: 'CenturyGothicRegular'; border-bottom: 1px dotted #CCCCCC;color: #314c81;font: bold 18px;margin-bottom: 10px;padding-bottom: 7px;text-transform: uppercase; font-size: 22px;}
h2{font-family: 'CenturyGothicRegular'; border-bottom: 1px dotted #CCCCCC;color: #314c81;font: bold 13px;margin-bottom: 10px;padding-bottom: 7px;text-transform: uppercase; font-size: 20px;}
h3{font-family: 'CenturyGothicRegular'; color: #314c81; background-color: transparent;border-bottom: 1px solid #D0D0D0;font-size: 15px;font-weight: normal;margin: 0 0 14px 0;padding: 14px 15px 10px 0px; }
h4{font-family: 'CenturyGothicRegular'; color: #314c81;background-color: transparent;border-bottom: 0px solid #D0D0D0;font-size: 14px;font-weight: bold;margin: 0 0 14px 0;padding: 14px 15px 10px 0px;}
h5{font-family: 'CenturyGothicRegular'; color: #314c81; background-color: transparent;border-bottom: 0px solid #D0D0D0;font-size: 11px;font-weight: normal;margin: 0 0 14px 0;padding: 14px 15px 10px 0px;}
h6{font-family: 'CenturyGothicRegular'; color: #314c81; background-color: transparent;border-bottom: 0px solid #D0D0D0;font-size: 10px;font-weight: normal;margin: 0 0 14px 0;padding: 14px 15px 10px 0px;}

p{}
img{}
hr{}
#container .content-wrap .content_pane .rtt_section .btnblue input{ padding: 2px 2px; font-size:12px;}
#container .content-wrap .content_pane .rtt_section input.phone{width: 46px;}
select{border:#CCC 1px solid;padding: 2px;}
#container .content-wrap .content_pane .rtt_section input.status{ width:20px;}


code{font-size: 12px;background-color: #f9f9f9;border: 1px solid #D0D0D0;color: #002166;display: block;margin: 14px 0 14px 0;padding: 12px 10px 12px 10px;}
.footer{background-color: #F99B0C;text-align: right;font-size: 11px;border-top: 1px solid #D0D0D0;line-height: 32px;padding: 0 10px 0 10px;margin: 20px 0 0 0; clear:both;}
.footer center{ /*width:300px;*/  float:left;} 

#message{ clear:both;}
#message.error{background:#CA413A;border:#922C27 1px solid;padding:5px;font-size:12px;font-weight: bold;-moz-border-radius:5px;margin-bottom:10px;text-align:center; color:#FFF;}
#message.sucess{background:#5DB75D;border:#4E974E 1px solid;padding:5px;font-size:12px;font-weight: bold;-moz-border-radius:5px;margin-bottom:10px;text-align:center; color:#fff;}
#message.info{ background:#45ABC9;border:#2E8BA6 1px solid;padding:5px;font-size:12px;font-weight: bold;-moz-border-radius:5px;margin-bottom:10px;text-align:center; color:#fff;}
#flash_data{background:#45ABC9;border:#2E8BA6 1px solid;padding:5px;font-size:12px;font-weight: bold;-moz-border-radius:5px;margin-bottom:10px;text-align:center; color:#fff;}

/* Title Styles */
.greeting{ float:right; padding-right:10px;padding-top: 5px;}

/* Breadcrumb Styles */
.breadcrumb{/*background-color: #FFFFFF;border: 1px solid #D7DEE3;*/padding: 3px 9px;margin-bottom: 10px; color:#314c81 !important;}
.breadcrumb a{/*font-family: 'Monda', sans-serif; text-decoration:none;*/ color:#314c81 !important;}
.breadcrumb a:hover{ color:#314c81;}

/* Container Styles */
#container{border: 1px solid #D0D0D0;-webkit-box-shadow: 0 0 8px #D0D0D0;}
#container .header-wrap{ /*width:98%;*/ margin:auto;background: url("../images/inheaderws1.gif") no-repeat scroll right top #FFFFFF; min-height: 86px;}
#container .header-wrap img{/*margin-top: 16px;*/ vertical-align:top;}
#container .content-wrap{ width:100%; margin:auto;}

/*#container .navigation{background-color: #1E508D;color: #FFFFFF;font-size: 14px;margin-top: 25px;padding: 10px 15px;text-transform: uppercase;}*/
#container .left_pane{ width:200px; float:left;}
#container .left_pane table{ border-collapse:collapse;}
#container .navigation{ padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px;}

/* Navigation Styles */
#container .navigation a{text-decoration: none; padding-top: 5px;}


.content_pane{ border-collapse:collapse;}
.content_pane .ltt_section{background: none repeat scroll 0 0 #DAE2E9;}
.content_pane .rtt_section{padding-left: 20px; padding-right:20px; padding-top: 20px;vertical-align: top;}

/* Left Navigation styles */
.left_pane .menu_left{background-color: #DAE2E9;padding: 5px;vertical-align: top;width: 200px;}
.left_pane .menu_left ul{list-style: none outside none;margin: 0;padding: 0;}
.left_pane .menu_left ul li{margin-bottom: 3px;}
.left_pane .menu_left ul li a{background-color: #F0F3F5;color: #336699;display: block;font: 12px Arial,Helvetica,sans-serif;padding: 4px 7px;text-decoration: none;}

/* Form Styles */
.submit_btn{background-color: #5AAFE4;border: 1px solid #2C8FCC;color: #FFFFFF;font: 12px Arial,Helvetica,sans-serif;padding: 3px 7px;text-decoration: none;text-transform: uppercase; width:200px; }
.submit_btn:hover{font:normal 12px Arial, Helvetica, sans-serif;color:#FFF;text-decoration:none; text-transform:uppercase;padding:3px 7px;background-color:#318ac2;border:1px solid #2c8fcc; cursor:pointer; width:200px; }

button.btn{background-color: #314c81;border:none; color: #FFF;font: 12px Arial,Helvetica,sans-serif;padding: 4px 10px;text-decoration: none;text-transform: uppercase;}
button.btn:hover{font:normal 12px Arial, Helvetica, sans-serif;color:#FFF;text-decoration:none; text-transform:uppercase;padding:4px 10px;background-color:#314c81;border:none; cursor:pointer;}

.btn1{background-color: #314c81;border:none; color: #FFF;font: 12px Arial,Helvetica,sans-serif;padding: 4px 10px;text-decoration: none;text-transform: uppercase;}
.btn1:hover{font:normal 12px Arial, Helvetica, sans-serif;color:#FFF;text-decoration:none; text-transform:uppercase;padding:4px 10px;background-color:#314c81;border:none; cursor:pointer;}


button.btndisabled{background-color: #f0f0f0;border: 1px solid #2C8FCC;color: #999999; font: 12px Arial,Helvetica,sans-serif;padding: 3px 7px;text-decoration: none;text-transform: uppercase;}

/* Validation */
.verify{margin-top:3px;margin-left:5px;position:absolute;width:15px;height:15px;}
.why{margin-top:5px;margin-left:4px;position:absolute;width:13px;height:13px;}
.no_records{border: 1px solid #CCCCCC;margin: auto auto 30px;padding: 13px;text-align: center;width: 80%; background:#FFF;}

/* Pagination Styles */
.inner_table .pagin{height: 30px;margin-bottom: 5px;margin-top: 6px;padding: 0; float:right;}

.first_link{padding: 6px 30px 11px;background: url(../images/pag_first.png) no-repeat;}
.first_link a{color: #FFF;font-size: 14px;text-decoration: none;}

.prev_link{background: url(../images/pag_cur.png) no-repeat;padding: 6px 10px 7px;margin-right: 10px;}
.prev_link a{color:#FFF; text-decoration:none; font-weight:bold;}

.number{background: url(../images/pag_num.png) no-repeat;padding: 6px 10px 7px;margin-right: 10px;}
.number a{color:#5A5A5A; text-decoration:none; font-weight:bold;}

.current_link{padding: 4px 10px 8px 9px;background: url(../images/pag_cur.png) no-repeat; color:#fff; font-size:15px; font-weight:bold;margin-right: 10px;}

.next_link{background: url(../images/pag_cur.png) no-repeat;padding: 6px 10px 7px;margin-right: 10px;}
.next_link a{color:#FFF; text-decoration:none; font-weight:bold;} 

.last_link{padding: 6px 17px 7px;background: url(../images/pag_last.png) no-repeat;}
.last_link a{ color:#FFF; text-decoration:none; font-size:14px;padding-right: 14px;}

/* Content Area Styles */

/* Login Styles */
.loginbody{background: url(../images/login_bgws.jpg) no-repeat scroll center top #F0F3F5;}
.login_strip {background: url(../images/loginbox_bg.png) repeat-y scroll center top transparent;height: 100%;margin: auto;position: relative;width: 395px;}
.login_box {background: url(../images/loginbox_ws.gif) no-repeat scroll center top transparent;height: 450px;margin: auto;position: relative;width: 340px; padding-top:42%;padding-top:55%\9; /* IE8 and below */}
.login{margin-top: 55px;margin-top: 0px\9;padding: 15px 15px 15px 35px;}
.login label{ font-size: 15px; font-weight:bold; }
.login_btn{ background:url(../images/login_btn.gif) no-repeat;border: medium none;font-size: 16px;padding: 3px 17px 7px; font-weight:bold; color:#FFF;}

.content{}
.box_section{background-color: #FFFFFF;border: 1px solid #D7DEE3;padding: 9px;}
.sec_title{background-color:#5991d6; color:#fff; width:100%; padding:5px; font-weight:bold;}

.inner_table{ margin:auto;}
.inner_table td{ padding:5px;}
.inner_table .table_heading{background-color: #5991D6;color: #FFFFFF;}
.inner_table .odd{ background-color:#dae2e9; padding:5px;}
.inner_table .even{ padding:5px; background-color:#E6EEF6;}
.inner_table .controls{text-align: center;cursor:pointer;}

.inner_table_tasksheet{ margin:auto;}
.inner_table_tasksheet td{ /*padding:5px;*/ }
.inner_table_tasksheet .table_heading{background-color: #5991D6;color: #FFFFFF;}
.inner_table_tasksheet .odd{ background-color:#dae2e9; padding:5px;}
.inner_table_tasksheet .even{ padding:5px; background-color:#E6EEF6;}
.inner_table_tasksheet .controls{text-align: center;cursor:pointer;}

/* Calendar Page Styles */
#addcontact{float: right; margin-right:25px;margin-top: 3px;}
#add_calendar .contact{width: 145px;}
#add-contact{ display:none;font-size:80%;padding: 0 10px;}
.validateTips {border: 1px solid transparent;padding: 0.3em 0;}
.calendaruser{border-bottom: 1px dotted #CCCCCC;font-weight: bold;margin-bottom: 12px;padding: 2px;}

/* View Page Styles */
.editview{ float:right;}

.reset_search{font-size: 16px;font-weight: bold;padding: 10px;}

/* Version History Table Styles */
.verhistory{background: none repeat scroll 0 0 #CCCCCC;}
.verhistory td{background:#fff;}

/* List View Table */
.listview{background: none repeat scroll 0 0 #CCCCCC;}
.listview td{background:#fff;}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
#errorheader{ border: 1px solid #FF0000; padding:5px; background-color:#FFD2D2; margin-bottom: 10px; }	

.txtfldstyle {	border-left:1px #D5C5B4 solid; border-right:1px #D5C5B4 solid; border-bottom:1px #D5C5B4 solid; border-top:1px #D5C5B4 solid; font-size: 13px; padding:2px; }
.btnblue
{
    background-color: #5AAFE4; border: 1px solid #2C8FCC; color: #FFFFFF; font: 12px Arial,Helvetica,sans-serif; padding: 3px 7px; text-decoration: none; 
	text-transform: uppercase;
}
.btnblue:hover
{
    background-color: #318AC2;
    border: 1px solid #2C8FCC;
    color: #FFFFFF;
    cursor: pointer;
    font: 12px Arial,Helvetica,sans-serif;
    padding: 3px 7px;
    text-decoration: none;
    text-transform: uppercase;
}
.err
{
	font-size:11px;
	color:#FF0000;
}
.txtfldstyle_error { border: 1px solid #FF0000; font-size: 13px; padding:2px; }
.errormsgcls { background-color: #ffe7e7; border: 1px solid #550f00; margin-bottom: 10px; padding: 3px 9px; text-align:center; color:red; }
.graytxt { font-size:11px; font-style:italic; color:#999999; } 

a.sortcolumnlink
{
	color:#FFFFFF;
    font-weight: normal;
	text-decoration:underline;
}
a.sortcolumnlink:hover
{
	color:;
    font-weight: normal;
	text-decoration:underline;
}
.txtstepsstyle
{
	color:#008cd1; 
	text-transform:uppercase; 
	font-weight:bold; 
	border-bottom: 1px dotted #bbbbbb; 
	margin-bottom: 10px;
	padding-bottom:7px;
}

.txtdisplayfields{
	width:300px; overflow:scroll; height:105px; overflow-x:hidden; border:1px solid #b0cfe5;
}

.txtdisplayfields_error{
	width:30 0px; overflow:scroll; height:105px; overflow-x:hidden; border:1px solid #FF0000;
}

p a{padding:0px; margin:0px; top:0px; }