html
{
	margin: 0;
	padding: 0;
}
body
{
	/*background-color:#fff;*/
	color: #333;
	/*font-size: .60em;*/
    font-size: 12px;
	font-family: Calibri;
	margin: 0;
	padding: 0;
    background: rgb(193, 201, 202) url(Images/bg2.png);
    background-repeat: no-repeat;
    background-size: 100% 120%;
}
#body
{
	/*background-color:#fff;*/
	/*font-size: 2.15em;*/
     font-size: 12px;
	clear: both;
	/*height: 40.000em;*/
    height: 550px;
	font-family: Calibri;
}
a
{
	color: #333;
	outline: none;
	text-decoration: underline;
}
header, footer, hgroup, nav, section
{
	display: block;
}

.float-left
{
	float: left;
}

.float-right
{
	float: right;
}

.clear-fix:after
{
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

h1, h2, h3, h4, h5, h6
{
	color: #000;
	margin-bottom: 0;
	padding-bottom: 0;
}

h1
{
	font-size: 2em;
}

h2
{
	font-size: 1.75em;
}

h3
{
	font-size: 1.2em;
}

h4
{
	font-size: 1.1em;
}

h5, h6
{
	font-size: 1em;
}

h5 a:link, h5 a:visited, h5 a:active
{
	padding: 0;
	text-decoration: none;
}

/* main layout
----------------------------------------------------------*/
.content-wrapper
{
	margin: 0 auto;
	/*width: 95%;*/
    width: 100%;
}
.main-content
{
	background: url(             "../Images/accent.png" ) no-repeat;
	padding-left: 10px;
	padding-top: 30px;
}
.featured + .main-content
{
	background: url(             "../Images/heroAccent.png" ) no-repeat;
}
header .content-wrapper
{
	padding-top: 20px;
}
#Header
{
	clear: both;
	background-color: #ffffff;
	width: 100%;
}
#Footer
{
	clear: both;
	/*background-color: #ffffff;*/
    background-color: #596B6F;
	border-top: solid 1px #ebebeb;  
}
.footerText
{
	position: fixed;
	bottom: 0px;
	clear: both;
	background-color: #ffffff;
	font-size: 10pt;
	width: 100%;
	height: 25px;
    color:#fff;
}
.footerText a{
    color: rgba(255,255,255,.5);
}

.footerText a:hover{
    color: rgba(255,255,255,.5);
    text-decoration:none;
}
/* login
----------------------------------------------------------*/
#login
{
	display: block;
	font-size: .999em;
	margin: 0 0 10px 0;
	text-align: right;
	float: right;
}

#login a
{
	background-color: #d3dce0;
	margin-left: 10px;
	margin-right: 3px;
	padding: 2px 3px;
	text-decoration: none;
}

#login a.username
{
	background: none;
	margin-left: 0px;
	text-decoration: underline;
}

#login ul
{
	margin: 0;
}

#login li
{
	display: inline;
	list-style: none;
}

.bg-3 {
    background-image:url(Images/bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
}

/* menu
----------------------------------------------------------*/
#menu
{
	font-size: 1.3em;
	font-weight: 600;
	margin-right: 20px;
	text-align: left;
	font-family: Calibri;
}


/* page elements
----------------------------------------------------------*/
/* featured */
.featured
{
	background-color: #fff;
}

.featured .content-wrapper
{
	background-color: #ffffff;
	background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
	background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	color: #3e5667;
}

.featured hgroup.title h1, .featured hgroup.title h2
{
	color: #fff;
}

.featured p
{
	font-size: 1.1em;
}

/* page titles */
hgroup.title
{
	margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2
{
	display: inline;
}

hgroup.title h2
{
	font-weight: normal;
	margin-left: 3px;
}

/* features */
section.feature
{
	width: 300px;
	float: left;
	padding: 10px;
}

/* ordered list */
ol.round
{
	list-style-type: none;
	padding-left: 0;
}

ol.round li
{
	margin: 25px 0;
	padding-left: 45px;
}

ol.round li.zero
{
	background: url(             "../Images/orderedList0.png" ) no-repeat;
}

ol.round li.one
{
	background: url(             "../Images/orderedList1.png" ) no-repeat;
}

ol.round li.two
{
	background: url(             "../Images/orderedList2.png" ) no-repeat;
}

ol.round li.three
{
	background: url(             "../Images/orderedList3.png" ) no-repeat;
}

ol.round li.four
{
	background: url(             "../Images/orderedList4.png" ) no-repeat;
}

ol.round li.five
{
	background: url(             "../Images/orderedList5.png" ) no-repeat;
}

ol.round li.six
{
	background: url(             "../Images/orderedList6.png" ) no-repeat;
}

ol.round li.seven
{
	background: url(             "../Images/orderedList7.png" ) no-repeat;
}

ol.round li.eight
{
	background: url(             "../Images/orderedList8.png" ) no-repeat;
}

ol.round li.nine
{
	background: url(             "../Images/orderedList9.png" ) no-repeat;
}

/* content */
article
{
	float: left;
	width: 70%;
}

aside
{
	float: right;
	width: 25%;
}

aside ul
{
	list-style: none;
	padding: 0;
}

aside ul li
{
	background: url(             "../Images/bullet.png" ) no-repeat 0 50%;
	padding: 2px 0 2px 20px;
}

.label
{
	font-weight: 700;
}

/* login page */
#loginForm
{
	border-right: solid 2px #c8c8c8;
	float: left;
	width: 55%;
}

#loginForm .validation-error
{
	display: block;
	margin-left: 15px;
}

#socialLoginForm
{
	margin-left: 40px;
	float: left;
	width: 40%;
}

#socialLoginForm h2
{
	margin-bottom: 5px;
}

fieldset.open-auth-providers
{
	margin-top: 15px;
}

fieldset.open-auth-providers button
{
	margin-bottom: 12px;
}

/* contact */
.contact h3
{
	font-size: 1.2em;
}

.contact p
{
	margin: 5px 0 0 10px;
}

.contact iframe
{
	border: 1px solid #333;
	margin: 5px 0 0 10px;
}

/* forms */
fieldset
{
	margin: 0;
	padding: 0;
}

fieldset legend
{
	display: inline;
}

fieldset ol
{
	padding: 0;
}

fieldset ol li
{
	padding-bottom: 5px;
}

label
{
	font-size: 1.2em;
	font-weight: 600;
}

label.checkbox
{
	display: inline;
}

input, textarea
{
	border: 1px solid #e2e2e2;
	background: #fff;
	color: #333;
	/*font-size: 1.002em;*/
    font-size: 12px;
	/*margin: 5px 0 6px 0;*/
	padding: 4px 5px;
	border-radius: 5px;
}
select
{
	border-radius: 5px;
    padding: 4px;
    border-color: #e2e2e2;
    /*margin: 5px 0 6px 0;*/
}
select:option
{
	border-radius: 5px;
}

textarea
{
	font-family: inherit;
}

input:focus, textarea:focus
{
	border: 1px solid #7ac0da;
}
input[type="submit"], input[type="button"], button
{
	background-color: #7E9296;
	cursor: pointer;	   
	font-weight: 600;	
    /*font-size: 13px;
    padding: 2px 10px;*/
    font-size: 15px;   
    padding: 2px 15px;
	margin-right: 8px;
	border-radius: 5px;
	width: auto;
	color: #ffffff;
}

td input[type="submit"], td input[type="button"], td button
{
	/*font-size: 12px;
	padding: 4px 8px;  
    margin-right: 4px;
    font-weight: bold;*/
    /*font-size: 15px;    
    padding: 3px 20px;*/
	

    font-size: 13px;
    padding: 2px 8px;
    margin-right: 4px;
    font-weight: bold;
}

/* info and errors */
.message-info
{
	border: 1px solid;
	clear: both;
	padding: 10px 20px;
}

.message-error
{
	clear: both;
	color: #e80c4d;
	font-size: 1.1em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.message-success
{
	color: #7ac0da;
	font-size: 1.3em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.error
{
	color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error
{
	color: #e80c4d;
	font-weight: bold;
}

.field-validation-valid
{
	display: none;
}

input.input-validation-error
{
	border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error
{
	border: 0 none;
}

.validation-summary-errors
{
	color: #e80c4d;
	font-weight: bold;
	font-size: 1.1em;
}

.validation-summary-valid
{
	display: none;
}

/* tables
----------------------------------------------------------*/

table
{
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 0em;
	border: 0 none;
    /*background-color: rgba(255,255,255,1);*/
}

th
{
	border: none 0px;
	font-size: 1.2em;
	text-align: left;
	padding: 5px;
}

th a
{
	display: block;
	position: relative;
}

th a:link, th a:visited, th a:active, th a:hover
{
	color: #333;
	font-weight: 600;
	text-decoration: none;
	padding: 0;
}

th a:hover
{
	color: #000;
}

th.asc a, th.desc a
{
}

th.asc a:after, th.desc a:after
{
	display: block;
	position: absolute;
	right: 0em;
	top: 0;
	font-size: 0.75em;
}

th.asc a:after
{
	content: '▲';
}

th.desc a:after
{
	content: '▼';
}

td
{
	border: 0 none;
}

tr.pager td
{
	padding: 0 5px 0 0;
}
.stdRadioButton
{
	width: 30px;
	color: #333;
}
.Spacer5px
{
	height: 5px;
}
#divMarketingUser
{
	height: 270px;
	border: solid 1px #000;
	width: 99%;
	float: right;
}
#divLegalUser
{
	height: 120px;
	border: solid 1px #000;
	width: 99%;
	float: right;
}

#divGM
{
	height: 300px;
	border: solid 1px #000;
	width: 99%;
	float: right;
}
#divCEO
{
	height: 300px;
	border: solid 1px #000;
}
#divAPPROVER
{
	height: 300px;
	border: solid 1px #000;
}
#divLitigationEntryForm
{
	height: 300px;
	border: solid 1px #000;
}
.RadioButtonList
{
	font-size: .8em;
	font-weight: 100;
}

.aspnetGridviewHeaderStyle
{
	background-color: rgb(89, 107, 111);
	color: White;
}
.aspnetGridviewFixedHeaderStyle
{
	position: fixed;
	background-color: rgb(89, 107, 111);
	color: White;
	height: 25px;
	top: expression(Sys.UI.DomElement.getBounds(document.getElementById(         "panelContainer" )).y-25);
}
.aspnetGridviewPagerStyle
{
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}
.popupConfirmation
{
	width: 600px;
	height: 400px;
}
.popup_Container
{
	background-color: #fffeb2;
	border: solid 2px #000000;
	padding: 0px 0px 0px 0px;
}
.TMS_MSG_popup_Container
{
	max-width: 300px;
	min-width: 200px; 
	background-color: #ffffff;
	/*border: solid 2px #000000;*/
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
}
.popup_Titlebar
{
	background: url(Images/titlebar_bg.jpg);
	height: 29px;
}
.TitlebarLeft
{
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	font-family: Calibri;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}
.TitlebarRight
{
	background: url(Images/cross_icon_normal.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 15px;
	width: 16px;
	float: right;
	cursor: pointer;
	margin-right: 0px;
	margin-top: 5px;
}
.popup_Body
{
	padding: 15px 15px 15px 15px;
	font-family: Calibri;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	line-height: 15pt;
	clear: both;
	padding: 20px;
}
.popup_Buttons
{
	margin: 10px;
}
.ModalPopupBG
{
	background-color: #666699;
	filter: alpha(opacity=50);
	opacity: 0.7;
}
.ApprovalStatusPopup
{
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	width: 100px;
	background-color: #fffeb2;
}
.FVLMImageStyle
{
	max-height: 100px;
	max-width: 100px;
	min-height: 1px;
	min-width: 1px;
}
.RoundedContentWrapper
{
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	border-radius: 10px;
	height: 38.800em;
	float: right;
}
.RoundedMenu
{
	height: 50px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	border-radius: 10px;
}
.ParentDivContainer
{
	width: 100%;
	/*border-style: solid;
	border-width: 1px;*/
	/*border-color: #ffffff;*/
    /*border-color: transparent;*/
	/*height: 40.000em !important;*/
    /*height: 38.000em !important;*/
	float: left;
	/*margin-top: 15px;*/
	/*margin-left: 5px;*/
    background-color:#fff;
    overflow:auto;
    margin-top: 40px !important;
    border-left:1px solid #c7c7c7;
    border-right:1px solid #c7c7c7;
    border-bottom:1px solid #c7c7c7;
    /*height: 45.000em !important;*/
}
.TMRParentDivContainer
{
	width: 100%;
    height: 100%;
	border-style: solid;
	border-width: 1px;
	/*border-color: #ffffff;*/
	/*overflow-y: scroll;
	height: 41.500em;*/
	float: left;
	margin-top: 15px;
    /*margin-top: 20px;*/
	/*margin-left: 5px;*/
    border: none;
}
#ReportParentDiv
{
	width: 99%;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	height: 40.500em;
	float: left;
	margin-top: 15px;
	margin-left: 5px;
}
#SearchCriteria
{
	width: 98%;
	float: right;
}
#Report
{
	width: 100%;
	float: right;
	/*margin-top: 5px;*/
    background-color:#fff;
    padding-left: 10px;
    margin-bottom: 10px;
}
.formPlaceholder
{
	width: 98%;
	float: right;
	margin-top: 5px;
}
.CalanderWatermarked
{
	color: #C0C0C0;
	font-style: italic;
}
.TMSPageTitle
{
	margin-left: 5px;
	min-height: 20px;
	/*width: 500px;*/
	text-align: left;
	background-position: top;
}
.PageTitle
{
	/*font-size: 1.4em;*/
    font-size: 20px;
	font-weight: bold;
}
.TMS_DDL
{
    width: 100%;
	/*width: 200px;*/
	height: 25px;
}
.TMS_TXT
{
	/*width: 222px;*/
     width: 100%;
     height: 25px;
}
.TMS_RBL
{
	border-color: #ffffff;
	background: #fff;
	font-size: .8em;
	font-weight: 100;
}
.AutoExtenderHighlight
{
	color: White;
	background-color: #000000;
	cursor: pointer;
	width: 170px;
}
.AutoExtenderList
{
	width: 170px !important;
}
.AutoExtender
{
	font-family: Calibri;
	font-size: .990em;
	font-weight: normal;
	border: solid 1px #006699;
	line-height: 20px;
	padding: 10px;
	background-color: White;
	margin-left: 10px;
	width: auto !important;
	text-align: left;
	height: 170px !important;
	overflow-y: scroll;
}
#divwidth
{
	width: 170px !important;
}
#divwidth div
{
	width: 170px !important;
}
.grid
{
	font-family: Calibri;
	font-size: 11px;
	border-color: gray;
	width: 98%;
}
.grid td
{
	/*border: solid 1px #6B696B;*/
    border: solid 1px #bbb;
	color: black;
	padding: 2px;
	text-align: center;
}
.gridrowstyle
{
	background-color: White;
}
.gridAlternaterows
{
	background-color: #A3B6D8;
}
.grid th
{
	padding: 2px 2px;
    /*padding: 4px;*/
	border: solid 1px #cac8c8;
	font-weight: bold;
	width: auto;
	color: white;
	font-size: 14px;
	text-align: center;
	position: relative;
	top: expression(this.parentNode.parentNode.parentNode.scrollTop-1);
}
.grid a
{
	color: black;
}
div.hideSkiplink
{
	background-color: #596B6F;
	width: 100%;
}

div.menu
{
	font-size: 1.3em;
	font-weight: 800;
	margin-right: 20px;
	text-align: left;
	font-family: Calibri;
}

div.menu ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
	background-color: #e2e2e2;
	border: 1px #4e667d solid;
	color: #dde4ec;
	display: block;
	line-height: 1.35em;
	padding: 4px 20px;
	white-space: nowrap;
}

div.menu ul li a:hover
{
	background-color: #e2e2e2;
	color: #465c71;
}

div.menu ul li a:active
{
	background-color: #e2e2e2;
	color: #cfdbe6;
}
.clearTMS
{
	clear: both;
}
.CaptionTitle
{
	font-family: Calibri;
	font-size: 14px;    
}


.TMS_RoundedCornerDiv .CaptionTitle
{
    float: left;
    width: 100%;
    padding-left: 20px;
    border-bottom: 1px solid #bbb;
    padding-bottom: 5px;
}

.CaptionTitleBold
{
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
}
.TMSGridviewHeaderStyle
{
	/*background-color: rgb(89, 107, 111);*/
    background-color: #7e9297;
	color: White;
	font-size: 9pt;
	font-family: Calibri;
	font-weight: lighter;
	/*width: 1154px;*/
   
}
.TMSGridviewRowStyle
{
	font-size: 11pt;
	font-family: Calibri;
	font-weight: normal;
    
}
.TMSGridViewAlternatingRowStyle
{
	font-size: 11pt;
	font-family: Calibri;
	font-weight: normal;
	background-color: #DADEE0;
}
.mpeTMSGridviewHeaderStyle
{
	background-color: rgb(89, 107, 111);
	color: White;
	font-size: 11pt;
	font-family: Calibri;
	font-weight: lighter;
	width: 1154px;
}
.mpeTMSGridviewRowStyle
{
	font-size: 9pt;
	font-family: Calibri;
	font-weight: normal;
}
.mpeTMSGridViewAlternatingRowStyle
{
	font-size: 9pt;
	font-family: Calibri;
	font-weight: normal;
	background-color: #DADEE0;
}
.TMSError
{
	color: Red;
	font-family: Calibri;
	font-size: 14pt;
	font-weight: bold;
}
.TMShref
{
	color: Blue;
	font-family: Calibri;
	font-size: 14pt;
	font-weight: bold;
}
.TMSGVCaptionTitle
{
	font-family: Calibri;
	font-size: 14pt;
}
.TMSErrorMessage
{
	font-family: Calibri;
	font-size: 14pt;
}
.TMS_History_popup_Container
{
	width: 800px;
	max-height: 300px;
	overflow-y: scroll;
	background-color: #ffffff;
	border: solid 2px #000000;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
}
.TMS_REGD_PENDING_TMS_POPUP
{
	width: 90%;
	height: 500px;
	background-color: #ffffff;
	border: solid 2px #000000;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
}
.TMSFontBold
{
	font-weight: bold;
}
.TMSlinkButton
{
	font-family: Calibri;
	font-size: 12pt;
	font-weight: bold;
}
.TMSDUGridviewHeaderStyle
{
	background-color: rgb(89, 107, 111);
	color: White;
	font-size: 9pt;
	font-family: Calibri;
	font-weight: lighter;
}
.TMSDUGridviewRowStyle
{
	font-size: 9pt;
	font-family: Calibri;
	font-weight: normal;
}
.TMSDUGridViewAlternatingRowStyle
{
	font-size: 9pt;
	font-family: Calibri;
	font-weight: normal;
	background-color: #DADEE0;
}
.TMSLabelMarkImageContainerBorder
{
	border-radius: 3px;
	height: 71px;
	width: 71px;
	border-color: #596B6F;
	border-style: solid;
	border-width: 1px;
}
.TMSLabelMarkImageBorder
{
	border-radius: 3px;
	height: 70px;
	width: 70px;
	border-color: #596B6F;
	border-style: solid;
	border-width: 1px;
}
/*.CaptionTitleRegdTM
{
	font-family: Calibri;
	font-size: 14px;
}
.LabelRegdTM
{
	font-family: Calibri;
	font-size: 14px;
}
.CaptionTitleAttorney
{
	font-family: Calibri;
	font-size: 14px;
}*/
.LabelAttorney
{
	font-family: Calibri;
	font-size: 12px;
}
.TMSNoData
{
	font-family: Calibri;
	font-size: 14px;
	font-style: italic;
}
.mail-title
{
	color: rgb(89,107,111);
	font-family: Calibri;
	font-size: 18pt;
	margin: 0;
}
.MailCaptionTitleRegdTM
{
	font-family: Calibri;
	font-size: 16px;
}
.MailLabelRegdTM
{
	font-family: Calibri;
	font-size: 14px;
}
.Spacer10px
{
	height: 10px;
}
.Spacer30px
{
	height: 30px;
}
.SubContentPlaceholder
{
	width: 98%;
	/*float: right;*/
	border-radius: 10px;
	/*margin-right: 50px;*/
	/*border-color: #000000;*/
    border: 1px solid #bbb;	  
    margin: 1%;
    background-color: #ececec;
    padding: 15px;
    float: left;
}

.SubContentHeader
{
	/*background-color: #596B6F;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top: solid 1px #000000;*/   
}
.TMS_FormContainer
{
	width: 100%;
}
.TMS_FormContainerLeft
{
	width: 49%;
	float: left;
}
.TMS_FormContainerRight
{
	width: 49%;
	float: right;
}
.TMS_FiltersPlaceholder
{
	height: 50px;
	width: 96%;
}
.TMS_ListControlPlaceholder
{
	position: fixed;
	width: 96%;
}
.TMS_RoundedCornerDiv
{
	border-radius: 10px;
	border-color: #7E9297;
	border-width: 1px;
	border-style: solid;
	background-color: #F0F0F0;
	box-shadow: 3px 3px 5px 6px #ccc;
}
/* Style Sheet for multiple select dropdownlist */
.Default
{
	font-size: smaller;
	font-family: Tahoma;
}
.DropDownLook
{
	padding: 0px;
	border-style: none;
	border-width: 1px;
}
.DivClose
{
	display: none;
	position: absolute;
	width: 178px;
	color: #ffffff;
	height: 180px;
	border-style: solid;
	border-color: Gray;
	border-width: 1px;
	background-color: #484848;
	margin: 3px 0 0px 0px;
}
.LabelClose
{
	vertical-align: text-top;
	position: absolute;
	bottom: 0px;
	font-family: Verdana;
    font-size:12px;
    margin-bottom: 2px;
}
.DivCheckBoxList
{
	display: none;
	background-color: White;
	width: 178px;
        /*width: 217px;*/
	position: absolute;
	height: 160px;
	overflow-y: auto;
	overflow-x: hidden;
	border-style: solid;
	border-color: Gray;
	border-width: 1px;
}
.CheckBoxList
{
	position: relative;
	width: 250px;
	height: 10px;
	overflow: scroll;
	font-size: small;
}

.CheckBoxList td {
     padding: 1px 5px;
}
.CheckBoxList td label{
    padding-left:5px;
}
.modal
{
	position: fixed;
	top: 0;
	left: 0;
	/*z-index: 99;*/
	-moz-opacity: 0.8;
	height: 100%;
	width: 100%;
	/*background-color: #666699;*/
	/*filter: alpha(opacity=50);*/
	/*opacity: 0.7;*/
}

h4.modal-title {
    font-size: 18px;
}

.btn-group-sm > .btn, .btn-sm {
    font-size:13px;
}

.loading
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	border: 5px solid rgb(89, 107, 111);
	width: 200px;
	height: 100px;
	display: none;
	position: fixed;
	background-color: White;
	z-index: 999;
}
.PopupExtenderPanel
{
	background-color: #ffffdd;
	border-width: 1px;
	-moz-border-radius: 5px;
	border-style: solid;
	border-color: Gray;
	height: 150px;
	width: 750px;
	overflow-y: scroll;
	min-height: 150px;
	min-width: 750px;
	font-size: smaller;
	top: 100px;
	left: 150px;
}
.GridPanel
{
	background-color: #fff;
	border-width: 1px;
	-moz-border-radius: 5px;
	border-style: solid;
	border-color: Gray;
	max-height: 150px;
	width: 99%;
	overflow-y: scroll;
	font-size: smaller;
	top: 100px;
	left: 150px;
}
.panel-body {
    padding: 10px;
}
.panel-title a {
    text-decoration:none;
    display:block;
}

.text-inline {
    display: inline;
}

.login-area {
    padding: 15px;
    margin-top:50px;
    background-color: rgba(255,255,255, .5);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.pt-5 {
    padding-top: 5px;
}
.mt-5 {
    margin-top: 5px;
}
.pt20 {
    padding-top: 20px;
}
.p0 {
   padding: 0px !important;
}
.pr0 {
    padding-right: 0px;
}
.pl0 {
    padding-left: 0px;
}
.responsive-table {
    width:100%;
    overflow:auto;
}
.form-group {
    margin-bottom: 10px;
}

.ajax__calendar_container
{
    z-index:9999999;
}

.ajax__calendar_container table {
    /*margin-right:27px !important;*/
}


/*.ajax__calendar_container {
    width:220px !important;
}

.ajax__calendar_body {
    height: 200px !important;
    width: 220px !important;
}*/
    /* site title
----------------------------------------------------------*/
    .site-title {
        /*color: rgb(89,107,111);
	font-family: Calibri;
	font-size: 42pt;
	margin: 0;*/
        color: #fff;       
        margin: 0px;
        padding: 0px;
    }

    .site-title span {
         font-size: 29pt;
         padding-left: 5px;
    }

    .site-title a, .site-title a:hover, .site-title a:active {
            background: none;
            color: #c8c8c8;
            outline: none;
            text-decoration: none;
        }


 /* navbar
----------------------------------------------------------*/
.navbar {
    margin-bottom: 0px;
    border: none;
}
.navbar-inverse {
      background-color: #596B6F;
      border-radius: 0px;
      border-color: transparent;
      border-bottom: 1px solid #fff;
}
 .navbar-inverse .navbar-brand {
     color: #fff;
}
.navbar-brand {
    font-family: Calibri;
	font-size: 26pt;   
}
a.navbar-brand {
    color:#fff;
    text-decoration: none;
    padding-left: 28px;
}

.navbar-right li {
    padding: 11px; 
}

.navbar-right li span {
    font-size: 12pt; 
    color:#fff;
    font-family: Calibri;
}

.navbar-right #lblName {
    color: White;
    font-size: 12pt;          
    padding-top: 8px;
    font-family: Calibri;
}

.navbar-inverse .navbar-nav > li > a {
    color:#fff !important;
}

.clsBox a {
    font-size:12px;
    text-decoration: none;
}

.clsBox .PageTitle{
    color: #596b6f;
    line-height: 22px;
}

table td {
    font-size:12px;
    padding: 5px;
}


.ajax__calendar table td {
    font-size:11px;
    padding: 0px;
}
.ajax__calendar_container {
    padding: 4px;
}

.navbar-right li a.dashIcon {
    font-size: 28px;
    padding: 0px;
    margin: 0px;
    color: #fff;
    background-color: transparent;
}

.page-heading {
    font-size: 20px;font-weight:bold;text-align: center; margin: auto;
    background-color: #7e9297; color: #fff;border: 1px solid #c7c7c7;
    margin-bottom: 0px;
    position: absolute;
    top: 60px;
    width: 97.8%;
}

.input-sm {
    height: 27px; 
}
select.input-sm {
    height: 27px;
    line-height: 27px;
}

#divContentHeader {
    padding-top: 15px;
}

.pl-0 {
    padding-left:0px;
}

.pr-0 {
    padding-right:0px;
}

.pt-0 {
    padding-top:0px;
}

.pb-0 {
    padding-bottom:0px;
}
.pt-18 {
    padding-top:18px;
}

.pt15 {
    padding-top:15px;
}

.bg-white {
   background-color: #fff;
}
.mh20 {
    min-height:20px;
}
/*.SubContentPlaceholder {
   margin-top: 36px !important;
}*/

h4.panel-title .btn-sm{
    padding: 1px 7px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
}
.modal {
    z-index: 99999;
}


tbody tr th {
   background-color: #7e9297;
}

.tblDetails {
    background-color: #ececec; /*padding:15px;*/ 
    border-radius:5px; border: solid #bbb 1px;
    font-family:Verdana;
    float: left;
    width: 100%;
}

.historyDetails {
    width: 98.6%; border-radius: 10px;  border:1px solid #bbb;  background-color: #ececec; padding: 10px; font-size: 15px;
}
hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #bbb;
}
.border-bottom {
    border-bottom: 1px solid #bbb;
}
.border-bottom > div{
    padding-top:5px;
}
.border-right {
    border-right: 1px solid #bbb;
}
.pt5 {
    padding-top:5px;
}

.mh20 {
    min-height: 22px;
}


@media (min-width: 320px){
    .page-heading {
        width: 91%;
    }
     .navbar-brand {
        font-size: 24pt !important;
    }
    .pt20 {
        padding-top:0px;
    }
    .pt15 {
        padding-top:0px
    }
    .footerText {
        height:auto;
    }
    .best-view {
        text-align:center;
    }
    .ParentDivContainer {
        margin-bottom:100px;
    }
}
@media (min-width:359px) {
    .clsBox {
        width:100%;
    }
    .page-heading {
        width: 91.8%;
    }
     .pt20 {
        padding-top:0px;
    }
     .pt15 {
        padding-top:0px
    }
    .best-view {
        text-align:center;
    }
     .ParentDivContainer {
        margin-bottom:100px;
    }
}

@media (max-width: 440px) and (min-width: 320px){
    .bbmv {
        border-bottom:1px solid #bbb;
        padding-bottom:5px;
    }
}
@media (min-width:767px) {  
    .page-heading {
       width: 96.1%;
    }
     .pt20 {
        padding-top:20px;
    }  
      .best-view {
        text-align:right;
    }
    .bbmv {
        padding-bottom:5px;
    }

    .pb5 {
        padding-bottom:5px;
    }
   
    .pt20 {
        padding-top: 20px;
    }   
}
@media (min-width:1024px) {  
     .page-heading {
       width: 97.8%;
    }
    a.navbar-brand {
        padding-left: 20px;
    }
    .navbar-brand {     
        font-size: 15pt !important;
    }
    .pt15 {
        padding-top:15px
    }
    .best-view {
        text-align:right;
    }
   .ParentDivContainer {
        margin-bottom:0px;
    }
}