/*html
{
	background-color: #000000;
	margin: 0;
	padding: 0;
	height: 100%;
}

body
{
	background-color: #fff;
	color: #333;
	font-size: .85em;
	font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	height: 100%;
}*/

html, body
{
	height: 100%;
	margin: 0 auto;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 12px;
	color: #353535;
	background:/* url(../images/header_bg.jpg)*/#d9dadf repeat-x top;
	overflow:hidden;
}
.float-left
{
	float: left;
}

.float-right
{
	float: right;
}

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





/* site title
----------------------------------------------------------*/
.site-title
{
	color: #c8c8c8;
	font-family: Rockwell, Consolas, "Courier New" , Courier, monospace;
	font-size: 2.3em;
	margin: 20px 0;
}

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


/* login
----------------------------------------------------------*/
.loginsec
{
	padding-top: 120px;
}

.loginsecbg
{
	border: 1px solid #B3B3B3;
	
	/*background: url(../images/sec_login_bg.jpg) repeat-x top;
	background-size: 3px 100%;*/
	
	
	width: 550px;
	margin: auto;
	padding-bottom: 30px;
}

.sectionhdr
{
	font-size: 14px;
	color:#686b73;
	padding: 8px 0px 8px 10px;
	font-size:20px;
	font-family: "Helvetica Neue", Arial, sans-serif;
	border-bottom:solid 1px #B3B3B3;
	width:95%;
	margin:auto;
}

.sectionhdr_login
{
	/*background: url(../images/existingUser.png);*/
	background-repeat:no-repeat;
	background-position:10px  10px;
	height:32px;
	border-bottom:solid 1px #B3B3B3;
	color:#686b73;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size:15px;
	padding:10px 0 10px 10px;
	width:95%;
	/*margin:auto;*/
}

/*.sectionhdr_login span:after{
	content:"Existing User";
}*/

.loginarea
{
	padding-top: 30px;
}

.rowline
{
	padding-top: 10px;
	height: 24px;
	text-align: center;
}

.rowline a
{
	color: #336699;
}

.rowline1
{
	height: 24px;
	text-align: center;
	font-size: 11px;
	vertical-align: middle;
}

.rowline2
{
	height: 24px;
	font-size: 12px;
	vertical-align: middle;
	padding-top: 6px;
}

.label
{
	float: left;
	width: 200px;
	text-align: right;
	font-size: 13px;
	color: #000000;
	font-weight: normal;
}

.field
{
	float: left;
	padding-left: 10px;
}

.loginButton
{
	/*background-image: url('../images/submit_btn.jpg');*/
	height: 20px;
	padding: 0px;
	border: none;
	cursor: pointer;
	background-color:#13A3F7;
	line-height:14px;
	padding:2px 7px 2px 6px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#ffffff;
}

.loginButton:hover
{
	/*background-image: url("../images/btnoverbg.png");
	background-repeat:repeat-x;
	background-color: none;*/
}

/*********************
	HOME PAGE
**********************/

/* --- DashBoard styles starts  --*/
.bodycontainer
{
	padding-top: 10px;
}
.boxes
{
    border:1px solid #bebb96;
	overflow-y: auto;
	position:relative;
	overflow-x:hidden;
}

/* used for Search Box in Home page */
.boxleft
{
	float: left;
	width: 32%;
	max-width: 32%;
	margin-left: 10px;
	overflow: hidden;
	border: 1px solid #bebb96;
	background: url(../images/box_hdrbg.jpg) #fbfbfb repeat-x top;
	height: 130px;
	margin-bottom: 15px;
}

.widgetbox
{	
	/*background: url(../images/box_hdrbg.jpg) #fbfbfb repeat-x top;*/
	overflow:hidden;
	margin-bottom: 5px;
	width:100%;
	height:140px;
}

.bigboxOuter
{
	clear: both;
	margin-top: 15px;
	width: 98%;
	margin-left: 13px;
	border: 1px solid #bebb96;
	background: url(../images/box_hdrbg.jpg) #fbfbfb repeat-x top;
}

.bigboxTHeader
{
	width: 98%;
	overflow: auto;
	height: 36px;
	margin-left: 13px;
	border: 1px solid #bebb96; /*background: url(../images/box_hdrbg.jpg) #fbfbfb repeat-x top;*/
	background-color: #c8c8c8;
}
#bigboxInner
{
	clear: both;
	width: 98%;
	overflow: auto;
	height: 300px;
	margin-left: 13px;
	border: 1px solid #bebb96;
	background: url(../images/box_hdrbg.jpg) #fbfbfb repeat-x top;
}

.boxheaderNormal
{
	font-size: 14px;
	overflow: auto;
	color: #777777;
	padding: 2px 0px 2px 5px;
	font-weight: normal;
	font-family: 'Helvetica', 'Arial', sans-serif;
}

.boxheader {
    background: url("../images/box_hdrbg.jpg") repeat-x scroll center top #fbfbfb;
    /*border-bottom: 1px solid #bebb96;
    font-weight: bold;*/
    box-sizing: content-box;
    color: #663333;
    font-size: 13px;    
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 100%;
    z-index: 10;
    position:absolute;
    padding-left:5px; padding-top:3px;
}

.boxcontainer
{
	padding: 6px;
}
.boxcontainerTask
{
    position: relative;
    top: 25px;
    /*overflow-y:auto;*/
    height:120px;
}

.boxrow
{
	padding: 2px 0px 2px 0px;
	color: #000;
}

.boxrow span
{
	font-size: 15px;
	font-weight: bold;
	color: #336699;
	padding-right: 10px;
	width: 40px;
	text-align: right;
	display: inline-block;
}

.boxrow a
{
	color: #000000;
	text-decoration: none;
}

.boxrow a:hover
{
	color: #336699;
	text-decoration: underline;
}

.boxitem
{
	float: left;
	min-width: 180px;
	height: 30px;
	padding: 2px 0px 2px 0px;
}

.boxitem a
{
	color: #000000;
	text-decoration: none;
}

.boxitem a:hover
{
	color: #336699;
	text-decoration: underline;
}

.boxitem span
{
	width: 35px;
	display: inline-block;
}


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

.request ul
{
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

.request ul li
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    font-size: 12px;
    padding-bottom: 0px;
    line-height: 20px;
    list-style: none;
}

.request ul li a
{
	background: url(../Images/icons_sprite.png) no-repeat;
	background-position:-439px -1px;
    padding-left: 23px;
    color: #353535;
    text-decoration: none;
	width:16px;
}

.request ul li a:hover
{
    color: #336699;
    text-decoration: underline;
}

.request ul.view
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    font-size: 12px;
    padding-bottom: 5px;
    line-height: 20px;
    list-style: none;
}

.request ul.view li
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    font-size: 12px;
    padding-bottom: 5px;
    line-height: 20px;
    list-style: none;
}

.request ul.view li a
{
    background: url(../images/view.png) left top no-repeat;
    background-position: 5px;
    padding-left: 25px;
    color: #353535;
    text-decoration: none;
}

.request ul.view li a:hover
{
    color: #336699;
    text-decoration: underline;
}

.request ul.view li a.report
{
    background: url(../images/reports.png) left top no-repeat;
    background-position: 5px;
    padding-left: 25px;
    color: #353535;
    text-decoration: none;
}

.request ul.view li a.report:hover
{
    color: #336699;
    text-decoration: underline;
}
/*  View Requests css    */
.view
{
    margin: 0px;
    padding: 0px;
}

.view ul
{
    margin: 0px;
    padding: 0px;
}

.view ul li
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    font-size: 12px;
    padding-bottom: 5px;
    line-height: 20px;
    list-style: none;
}

.view ul li a
{
    background: url(../images/view_request.png) left top no-repeat;
    background-position: 5px;
    padding-left: 23px;
    color: #353535;
    text-decoration: none;
}

.view ul li a:hover
{
    color: #336699;
    text-decoration: underline;
}

.view ul.view
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    font-size: 12px;
    padding-bottom: 5px;
    line-height: 20px;
    list-style: none;
}

.view ul.view li
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    font-size: 12px;
    padding-bottom: 5px;
    line-height: 20px;
    list-style: none;
}

.view ul.view li a
{
    background: url(../images/view.png) left top no-repeat;
    background-position: 5px;
    padding-left: 25px;
    color: #353535;
    text-decoration: none;
}

.view ul.view li a:hover
{
    color: #336699;
    text-decoration: underline;
}

.view ul.view li a.report
{
    background: url(../images/reports.png) left top no-repeat;
    background-position: 5px;
    padding-left: 25px;
    color: #353535;
    text-decoration: none;
}

.view ul.view li a.report:hover
{
    color: #336699;
    text-decoration: underline;
}
/* --- DashBoard styles ends  --*/


/**********		End of Home Page ***********************/

/* menu
----------------------------------------------------------*/
ul#menu
{
	font-size: 1.3em;
	font-weight: 600;
	margin: 0;
	text-align: right;
}

ul#menu li
{
	display: inline;
	list-style: none;
	padding-left: 15px;
}

ul#menu li a
{
	background: none;
	color: #999;
	text-decoration: none;
}

ul#menu li a:hover
{
	color: #333;
	text-decoration: none;
}


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

.featured .content-wrapper
{
	background-color: #7ac0da;
	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;
	padding: 20px 40px 30px 40px;
}

.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;
}



/* 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;
}



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

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

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

/* 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
{
	border: none;
	margin: 0;
	padding: 0;
}

fieldset legend
{
	display: none;
}

fieldset ol
{
	padding: 0;
	list-style: none;
}

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

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

fieldset label.checkbox
{
	display: inline;
}

fieldset input[type="text"], fieldset input[type="password"]
{
	border: 1px solid #e2e2e2;
	color: #333;
	font-size: 1.2em;
	margin: 5px 0 6px 0;
	padding: 5px;
	width: 300px;
}

fieldset input[type="text"]:focus, fieldset input[type="password"]:focus
{
	border: 1px solid #7ac0da;
}

fieldset input[type="submit"]
{
	background-color: #d3dce0;
	border: 1px solid #787878;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 600;
	padding: 7px;
}


/* 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[type="text"].input-validation-error, input[type="password"].input-validation-error
{
	border: 1px solid #e80c4d;
}

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

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

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

ul#social li a
{
	color: #999;
	text-decoration: none;
}

a.facebook, a.twitter
{
	display: block;
	float: left;
	height: 24px;
	padding-left: 17px;
	text-indent: -9999px;
	width: 16px;
}

a.facebook
{
	background: url("../Images/facebook.png") no-repeat;
}

a.twitter
{
	background: url("../Images/twitter.png") no-repeat;
}

.appicon
{
	opacity: 0.8;
	cursor: pointer;
}
.appicon:hover
{
	opacity: 1;
}

/* tables
----------------------------------------------------------*/
/*table
{
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 0.75em;
	border: 0 none;
}

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

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
{
	margin-right: .75em;
}

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
{
	padding: 0.25em 2em 0.25em 0em;
	border: 0 none;
}

tr.pager td
{
	padding: 0 0.25em 0 0;
}*/




.headerLine
{
	background-image: url("../images/pageHeaderline_bg.jpg");
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 2px;
}

/*******************
Button strip styles
***********************/




.buttonspanel
{
	height: 30px;
	margin: 5px;
}

.buttonspanel .btn
{
	color: White;
	cursor: pointer;
	display: inline-block;
	font-size: small;
	margin-bottom: 0;
	padding: 2px 10px 5px 10px;
	text-align: center;
	vertical-align: middle;
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-radius: 3px 3px 3px 3px;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 2px 3px rgba(0, 0, 0, 0.05);
	background-repeat: repeat-x;
	height: 22px;
	background-color: #13A3F7;
	/*background-image: -moz-linear-gradient(center top , #827D6A, #484033);*/
	font-family: 'Helvetica', 'Arial', sans-serif;
}

.buttonspanel .btn:hover
{
	
	text-decoration: none;
	/*background-color: #484033;*/
	/*background-image: url("../images/btnoverbg.png");
	background-repeat:repeat-x;*/
	background-color: none;
}

.buttonspanel .btn.active, .buttonspanel .btn:active
{
	background-image: none;
	bax-shadow: 0 2px rgba(0,0,0,0.15) insert, 0 1px 2px rbga(0,0,0,0.05);
	outline: 0 none;
}

/*End of button strip styles */

/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px)
{

	/* header
								    ----------------------------------------------------------*/
	header .float-left, header .float-right
	{
		float: none;
	}

	/* logo */
	header .site-title
	{
		margin: 10px;
		text-align: center;
	}

	/* login */
	#login
	{
		font-size: .85em;
		margin: 0 0 12px;
		text-align: center;
	}

	#login ul
	{
		margin: 5px 0;
		padding: 0;
	}

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

	#login a
	{
		background: none;
		color: #999;
		font-weight: 600;
		margin: 2px;
		padding: 0;
	}

	#login a:hover
	{
		color: #333;
	}

	/* menu */
	nav
	{
		margin-bottom: 5px;
	}

	ul#menu
	{
		margin: 0;
		padding: 0;
		text-align: center;
	}

	ul#menu li
	{
		margin: 0;
		padding: 0;
	}


	/* main layout
								    ----------------------------------------------------------*/
	.main-content, .featured + .main-content
	{
		background-position: 10px 0;
	}

	.content-wrapper
	{
		padding-right: 10px;
		padding-left: 10px;
	}

	.featured .content-wrapper
	{
		padding: 10px;
	}

	/* page content */
	article, aside
	{
		float: none;
		width: 100%;
	}

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

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

	ol.round li.zero, ol.round li.one, ol.round li.two, ol.round li.three, ol.round li.four, ol.round li.five, ol.round li.six, ol.round li.seven, ol.round li.eight, ol.round li.nine
	{
		background: none;
	}

	/* features */
	section.feature
	{
		float: none;
		padding: 10px;
		width: auto;
	}

	section.feature img
	{
		color: #999;
		content: attr(alt);
		font-size: 1.5em;
		font-weight: 600;
	}

	/* forms */
	fieldset input[type="text"], fieldset input[type="password"]
	{
		width: 90%;
	}

	/* login page */
	#loginForm
	{
		border-right: none;
		float: none;
		width: auto;
	}

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

	#socialLoginForm
	{
		margin-left: 0;
		float: none;
		width: auto;
	}
}

.logocontainer{
	width:100%;
	background:#fff;
}

.widPer100
{
   width:100% !important; 
}

.txtCode ul
{
    display:block; list-style:none; margin:0px; padding:0px;
}
.txtCode ul li 
{
    display:inline-block; color:#777; padding:3px; font-weight:bold; margin:0px; list-style:none;
}
.txtCode ul li span 
{
    color:#000; margin-right:20px; font-weight:normal; display:inline-block;
}
.txtBold
{
   font-weight: bold !important;
}
.txtCenter {
    text-align: center !important;
}
.pad3 
{
    padding:3px !important;
}
.padLeft5 
{
    padding-left:5px !important;
}
.padTop5 
{
    padding-top:5px !important;
}
.padBtm5 {
    padding-bottom: 5px !important;
}

.padBtm10 {
    padding-bottom: 10px !important;
}

.marTop5 {
    margin-top: 5px !important;
}

.marTop10 {
    margin-top: 10px !important;
}

.marRight5 {
    margin-right: 5px !important;
}

.displayInline {
    display: inline-block;
    vertical-align: top;
}

.boxesWidth {
    width: 31%;
}
.boxcontainerDashboard {
    position: relative;
    top: 25px;
    /*height: calc(100% - 25px);
    height: -moz-calc(100% - 25px);
    height: -webkit-calc(100% - 25px);*/
    height: 230px;
    display: block; overflow:auto; white-space: nowrap;
}
.txtLeft {
   text-align: left !important;
}
.widgetboxDashboard {
   overflow: hidden;
   margin-bottom: 1px;
   width: 100%;
   height: calc(100% - 1px);
   height: -moz-calc(100% - 1px);
   height: -webkit-calc(100% - 1px);
}