/*
**************** global reset ************
*/
html{
	min-width:1003px;
}
body {
	margin:0;
  	color:#666;
	font:14px/17px Arial, Helvetica, sans-serif;
	background:#efefef url(../content/images/bg-body.png) repeat;	
	border-top:10px solid #0d314e;
	min-width:960px;
}
img {border-style:none;}
a {
        text-decoration:none;
        color:#666;
}
a:hover {text-decoration:underline;}
input,
textarea,
select {
	font:13px/13px Arial, Helvetica, sans-serif;
	vertical-align:middle;
  	color:#999;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
header, footer, article, section, hgroup, nav, figure, aside { display: block; }
figure {
margin:0;
padding:0;
}
input:focus,
textarea:focus,
select:focus{
	outline:none;
}

/*
************** login-page styling ************
*/
.login-body{
	background:	#123d5f url(../content/images/bg-login-body.png) repeat;
}
.add{
	
	background: #123d5f;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyZTcyYTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMxOTQ5NmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MiUiIHN0b3AtY29sb3I9IiMxMjNkNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTIzZDVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, #2e72a6 0%, #19496e 50%, #123d5f 72%, #123d5f 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#2e72a6), color-stop(50%,#19496e), color-stop(72%,#123d5f), color-stop(100%,#123d5f));
	background: -webkit-radial-gradient(center, ellipse cover, #2e72a6 0%,#19496e 50%,#123d5f 72%,#123d5f 100%);
	background: -o-radial-gradient(center, ellipse cover, #2e72a6 0%,#19496e 50%,#123d5f 72%,#123d5f 100%);
	background: -ms-radial-gradient(center, ellipse cover, #2e72a6 0%,#19496e 50%,#123d5f 72%,#123d5f 100%);
	background: radial-gradient(ellipse at center, #2e72a6 0%,#19496e 50%,#123d5f 72%,#123d5f 100%);
}
.login-holder{
	min-height:600px;
	padding-top:235px;
    margin-top:-80px;
	background:url(../content/images/bg-login-body.png) repeat;		
}
#logon-form{
	width:485px;
	margin:0 auto;
	border-top:10px solid #3c86d1;
	background:#efefef url(../content/images/bg-body.png) repeat;
}
#logon-form form{
	border:1px solid #ccc;
	border-top:0;
	box-shadow: 0px 5px 5px #173a56; /* Opera 10.5+, IE9+ */
	 -webkit-box-shadow: 0px 5px 5px #173a56; /* Safari 3+, Chrome */
	 -moz-box-shadow: 0px 5px 5px #173a56; /* FF 3.1+ */
     background: url(../content/images/bg-logo_image_gray.png) no-repeat 50% 30px;
}
#logon-form .row{
	width:350px;
	margin:0 auto 20px;
	overflow:hidden;
}
#logon-form legend{
	width:100%;
	text-align:center;
	color:#616161;
	font:bold 18px/26px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:80px 0 15px;
}
#logon-form .row.bottom{
	margin-bottom:0;
	padding:3px 0;
	width:100%;
	text-align:center;
	background:#d9d9d9;
	border-top:1px solid #ccc;
}
#logon-form .row.bottom a{
	color:#1c6bbb;
	text-decoration:underline;
	font-size:11px;
}
#logon-form .row.bottom a:hover{
	text-decoration:none;
}
#logon-form input[type="text"],
#logon-form input[type="password"]{
	border:1px solid #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:6px 10px;
	width:195px;
	float:left;
}
#logon-form input:focus,
.header-block input:focus,
textarea:focus{
	border:1px solid #3f8cd3 !important;
}
#logon-form  label{
	font-size:13px;
	padding:5px 5px 0 0;
	text-align:left;
	width:70px;
	float:left;
	text-shadow: 1px 1px 0 #fff; /* FF 3.1+, Opera 9.5+, Safari 3+, Chrome  */
}
#logon-form input[type="checkbox"],
#logon-form .checkboxArea,
#logon-form .checkboxAreaChecked{
	margin:5px 5px 0 78px;
	padding:0;
	float:left;
}
.logon-link {
    padding: 100px 10px;
    text-align:center;
}
#logon-form input[type="submit"]{
	float:right;
}
#logon-form .row.withButton  label{
	font-size:11px;
	width:80px;
	text-align:left;
}
.blue-btn{
	min-width:100px;
	border:1px solid #3172af;
	font-weight:bold;
	padding:5px 10px;
	color:#fff;
	height:30px;
	text-transform:uppercase;
	text-shadow: 1px 1px 0 #316eaf; /* FF 3.1+, Opera 9.5+, Safari 3+, Chrome  */
	border-radius: 2px;
	cursor:pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #3376ca;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2YWVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjNGJhMmRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjNDA4ZWQ0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzNzZjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #56aef6 0%, #4ba2dc 1%, #408ed4 48%, #3376ca 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56aef6), color-stop(1%,#4ba2dc), color-stop(48%,#408ed4), color-stop(100%,#3376ca));
	background: -webkit-linear-gradient(top, #56aef6 0%,#4ba2dc 1%,#408ed4 48%,#3376ca 100%);
	background: -o-linear-gradient(top, #56aef6 0%,#4ba2dc 1%,#408ed4 48%,#3376ca 100%);
	background: -ms-linear-gradient(top, #56aef6 0%,#4ba2dc 1%,#408ed4 48%,#3376ca 100%);
	background: linear-gradient(to bottom, #56aef6 0%,#4ba2dc 1%,#408ed4 48%,#3376ca 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56aef6', endColorstr='#3376ca',GradientType=0 );
}
.blue-btn:hover{
	background: #56aef6;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNzZjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzQwOGVkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzRiYTJkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NmFlZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #3376ca 0%, #408ed4 52%, #4ba2dc 99%, #56aef6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3376ca), color-stop(52%,#408ed4), color-stop(99%,#4ba2dc), color-stop(100%,#56aef6));
	background: -webkit-linear-gradient(top, #3376ca 0%,#408ed4 52%,#4ba2dc 99%,#56aef6 100%);
	background: -o-linear-gradient(top, #3376ca 0%,#408ed4 52%,#4ba2dc 99%,#56aef6 100%);
	background: -ms-linear-gradient(top, #3376ca 0%,#408ed4 52%,#4ba2dc 99%,#56aef6 100%);
	background: linear-gradient(to bottom, #3376ca 0%,#408ed4 52%,#4ba2dc 99%,#56aef6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3376ca', endColorstr='#56aef6',GradientType=0 );
}
.gray-btn{
    font-size:13px;
	min-width:100px;
	border:1px solid #a5a5a5;
	font-weight:bold;
	padding:5px 10px;
	color:#fff;
	height:30px;
	text-transform:uppercase;
	text-shadow: 1px 1px 0 #8b8b8b; /* FF 3.1+, Opera 9.5+, Safari 3+, Chrome  */
	border-radius: 2px;
	cursor:pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #d4d4d4;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjYmFiYWJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjYWJhYmFiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzliOWI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #d4d4d4 0%, #bababa 1%, #ababab 48%, #9b9b9b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(1%,#bababa), color-stop(48%,#ababab), color-stop(100%,#9b9b9b));
	background: -webkit-linear-gradient(top, #d4d4d4 0%,#bababa 1%,#ababab 48%,#9b9b9b 100%);
	background: -o-linear-gradient(top, #d4d4d4 0%,#bababa 1%,#ababab 48%,#9b9b9b 100%);
	background: -ms-linear-gradient(top, #d4d4d4 0%,#bababa 1%,#ababab 48%,#9b9b9b 100%);
	background: linear-gradient(to bottom, #d4d4d4 0%,#bababa 1%,#ababab 48%,#9b9b9b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#9b9b9b',GradientType=0 );
}
.gray-btn:hover{
	background: #9b9b9b;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliOWI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2FiYWJhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2JhYmFiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNGQ0ZDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #9b9b9b 0%, #ababab 52%, #bababa 99%, #d4d4d4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b9b9b), color-stop(52%,#ababab), color-stop(99%,#bababa), color-stop(100%,#d4d4d4));
	background: -webkit-linear-gradient(top, #9b9b9b 0%,#ababab 52%,#bababa 99%,#d4d4d4 100%);
	background: -o-linear-gradient(top, #9b9b9b 0%,#ababab 52%,#bababa 99%,#d4d4d4 100%);
	background: -ms-linear-gradient(top, #9b9b9b 0%,#ababab 52%,#bababa 99%,#d4d4d4 100%);
	background: linear-gradient(to bottom, #9b9b9b 0%,#ababab 52%,#bababa 99%,#d4d4d4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9b9b', endColorstr='#d4d4d4',GradientType=0 );
}

/* 
************** header styling ************
*/
.header-holder{
	background:#0d3554 url(../content/images/bg-header.gif) repeat;
}
.header-frame{
	overflow:hidden;
	background:#0d3554 url(../content/images/bg-header-holder.png) no-repeat 50% 0;
	height:79px;
}
.logo{
	background:url(../content/images/bg-logo_image_white.png);
	text-indent:-9999px;
	overflow:hidden;
	margin:-16px auto 0;
	width:300px;
	height:80px;
}
.logo a{
 	display:block;
 	height:100%;
}

/*
************** navigation styling ************
*/
#header {
    position: relative;
    z-index: 9999;
}
.nav-holder{
	width:960px;
	margin:0 auto;
	padding:21px 0;
	position:relative;
    z-index:9999;
}
.nav-holder:after,
.nav-holder ul:after{
	clear:both;
	display:block;
	content:"";
}
.nav-holder #nav{
	float:left;
}
.nav-holder ul{
	margin:0;
	padding:0;
	list-style:none;
}
.nav-holder li{
    position:relative;
	float:left;
	text-transform:uppercase;
	font:bold 14px/17px Arial, Helvetica, sans-serif;
    margin-right:5px;
}
#nav li.profile {
    background-position:92% 12px;
}
.nav-holder li:first-child {
    margin-right: 12px;
}
#nav li.active{
	margin-left:0;
}
.nav-holder .login-block{
	position:absolute;
	right:0;
	top:-50px;
}
#nav li a{
	padding: 6px 15px;
	display:block;
}
#nav li a:hover {
    padding: 5px 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: white;
	background: #3f8cd3;
	border: 1px solid #317fc8;
    position:relative;
    z-index:600;
    text-decoration:none;
}
#nav li.active a {
	padding: 5px 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: white;
	background: #3f8cd3;
	border: 1px solid #317fc8;
    position:relative;
    z-index:600;
}
#nav li.active a:hover{
	text-decoration:none;
}
.login-block a{
	float:right;
	color:#87c5ff;
	font-size:13px;
	margin-left:10px;
	text-decoration:underline;
}
.login-block em,
.login-block strong{
	font-weight:normal;
	font-style:normal;
	font-size:13px;
	color:#fff;
}
.nav-holder li:hover .drop {
    display: block;
}
.nav-holder .drop {
    display:none;
    margin: -1px 0 0;
    list-style: none;
    position:absolute;
    z-index:9999;
    width:146px;
    padding:0;
	 box-shadow: 0px 3px 4px #ddd; /* Opera 10.5+, IE9+ */
	 -webkit-box-shadow: 0px 3px 4px #ddd; /* Safari 3+, Chrome */
	 -moz-box-shadow: 0px 3px 4px #ddd; /* FF 3.1+ */
	 border:1px solid #b3b3b3;
	 background:#e8e8e8;
	 border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-top-right-radius:0px;
    -moz-border-top-right-radius: 0px;
    -webkit-border-top-right-radius:0px;
    border-top-left-radius:0px;
    -moz-border-top-left-radius: 0px;
    -webkit-border-top-left-radius:0px;
}
.nav-holder .drop li {
    float: none;
    margin:0;
    font-size:13px;
    text-transform:none;
    border-top:1px solid #ccc;
}
.nav-holder .drop li:first-child {
    border: 0;
}
.nav-holder #nav .drop a {
    color: #666;
    padding:5px 15px;
}
#nav .drop li:hover a {
    padding: 5px 14px;
	color: white;
	background: #3f8cd3;
	border: 0;
    position:relative;
    z-index:600;
    border-radius:0;
    -moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.nav-holder #nav .drop li.active a {
    padding: 5px 14px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	color: white;
	background: #3f8cd3;
	border: 0;
    position:relative;
    z-index:600;
}
.hasDrop {
    background: url("../../../content/images/ico-down.png") no-repeat 96% 12px ;
}
#nav .hasDrop:hover > a {
    padding: 5px 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-bottom-right-radius:0px;
    -moz-border-bottom-right-radius: 0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
    -moz-border-bottom-left-radius: 0px;
    -webkit-border-bottom-left-radius:0px;
	color: white;
	background: #3f8cd3;
	border: 1px solid #317fc8;
    position:relative;
    z-index:600;
}
.hasDrop > a {
    width:118px;
    text-align:center;
}
#nav li.active li a {
    background: none;
    border: 0;
    padding: 5px 15px;
    color: #666;
}
#nav li.active li.active a {
    text-decoration: none;
}




/*
************** content styling ************
*/
#content{
	width:960px;
	padding:0 20px;
	margin:0 auto 20px;
}
.main-section{
	box-shadow: 0px 0px 5px #999; /* Opera 10.5+, IE9+ */
	 -webkit-box-shadow: 0px 0px 5px #999; /* Safari 3+, Chrome */
	 -moz-box-shadow: 0px 0px 5px #999; /* FF 3.1+ */
	 border:1px solid #b3b3b3;
	 border-bottom:0;
	 padding:5px;
	 background:#e8e8e8;
	 border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width:950px;
	margin-bottom:-5px;
	z-index:100;
	position:relative;
	border-bottom-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}
.header-block{
	background:#fff;
    overflow:hidden;
}
.footer-block{
	box-shadow: 0px 0px 5px #999; /* Opera 10.5+, IE9+ */
	 -webkit-box-shadow: 0px 0px 5px #999; /* Safari 3+, Chrome */
	 -moz-box-shadow: 0px 0px 5px #999; /* FF 3.1+ */
	 border:1px solid #b3b3b3;
	 padding:13px 0 8px 5px;
	 background:#e8e8e8;
	 border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width:955px;
	margin-top:-5px;
	overflow:hidden;
}
.footer-block.add-block{
	box-shadow: none; /* Opera 10.5+, IE9+ */
	 -webkit-box-shadow: none; /* Safari 3+, Chrome */
	 -moz-box-shadow: none; /* FF 3.1+ */
	 border:0;
	 margin:0 0 0 -5px;
	 position:relative;
}
.small-footer{
	width:950px;
}
.footer-block input,
.footer-block  button{
	float:right;
	margin-right:20px;
}
.main-section h2{
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	padding:7px;
	margin:0 0 10px;
	background:#e8e8e8;
	border:5px solid #fff;
	text-shadow:1px 1px 0 #FFFFFF;/* FF 3.1+, Opera 9.5+, Safari 3+, Chrome  */
}
.header-block .holder{
	overflow:hidden;
	margin:10px 30px 10px;
	padding-bottom:20px;
	border-bottom:1px solid #e8e8e8;
}
.header-block .holder.no-border {
    border: 0;
}
.checkbox-holder,
.radiobutton-holder{
	margin-top:10px;
}
.checkbox-holder label{
	padding-left:5px;
}
.radiobutton-holder label{
    float:left;
    margin:0 15px 0 5px;
}
.radiobutton-holder label:first-child{
    margin-right:25px
}
.holder-check-list{
	margin:20px 0 20px 30px;
}
.header-block  .select-holder{
	float:left;
	margin-right:20px;
}
.header-block .select-holder .row {
    overflow: hidden;
}
.header-block .select-holder .row input,
.header-block .select-holder .row div{
    float:left;
}
.header-block .select-holder .row span.field-validation-error{
    float:left;
    padding:0;
    max-width:150px;
}
.header-block  .select-holder label{
	display:block;
	font-size:13px;
	margin-bottom:2px;
    height:17px;
    line-height:13px;
}
.header-block  .select-holder select{
	width:270px;
}
.header-block  input[type="text"],
.header-block  input[type="password"]{
	border:1px solid #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:5px 10px;
    margin:0;
	width:250px;
    display:block;
}
.header-block .ui-tabs input[type="text"] {
    width: 195px;
}
.header-block .ui-tabs select {
    width:215px;
}
.header-block textarea {
    border:1px solid #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:5px 10px;
    width:432px;
    max-width:670px;
    min-width:192px;
    height:90px;
    min-height:50px;
}
.required{
	position:absolute;
	left:35px;
	bottom:11px;
	font-size:13px;
	text-shadow:1px 1px 0 #FFFFFF;/* FF 3.1+, Opera 9.5+, Safari 3+, Chrome  */
}
.checkbox-group {
    margin-bottom: 3px;
}
.checkbox-group,
.checkbox-group div{
	overflow:hidden;
}
.user-grid .ui-widget-content td:first-child{
	padding-left:30px;
}
.user-grid .ui-widget-content td .checkboxAreaChecked,
.user-grid .ui-widget-content td .checkboxArea{
	float:none;
	margin:0 auto;
}
.scrollable-area{
	height:510px;
    overflow:hidden;
}
#grid .checkboxAreaChecked,
#grid .checkboxArea,
#grid  input[type="checkbox"]{
	margin:0 auto;
	float:none;
}
.comp {
    background:url(../content/images/ico-comp.png) no-repeat 98% 9px;
}

/*
************** error-page styling ************
*/
.error-page {
    text-align: center;
    padding:100px;
    overflow:hidden;
}
.error-page img {
    float:left;
    margin-right:20px;
}
.error-page h2 {
    color:#3F8CD3;
    float:right;
    width:605px;
    color:#666;
    font-size:27px;
    line-height:30px;
    margin:25px 0;
    text-transform:uppercase;
    text-shadow: 1px 1px 0 #FFFFFF;
}
.access-page {
    text-align: center;
    padding:50px 200px;
    overflow:hidden;
}
.access-page img {
    float:left;
    margin-right:20px;
}
.access-page h2 {
    color:#3F8CD3;
    float:right;
    width:400px;
    color:#666;
    font-size:44px;
    line-height:30px;
    margin:40px 0;
    text-transform:uppercase;
    text-shadow: 1px 1px 0 #FFFFFF;
}


/*
************** double-grid styling ************
*/
#grid .ui-icon-carat-1-sw {
    background: none;
}
#grid .ui-icon-plus {
    background: url(../content/images/ico-plus-minus.png) no-repeat 4px 3px;
}
#grid .ui-icon-minus {
    background: url(../content/images/ico-plus-minus.png) no-repeat 4px -56px;
}
.tablediv .ui-pager-control > .ui-pg-table > tbody > tr > td {
    width: 33% !important;
    padding-left:10px;
    padding-right:10px;
}
.tablediv {
    margin: 10px 8px 10px -8px;
}
#gbox_grid .ui-search-toolbar {
    display: none;
}
.ui-subgrid .subgrid-data {
    border-left: 0;
    border-right:0;
}




.application-grid {
    padding: 10px;
}
body .application-grid > div {
    padding: 5px !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    width:919px !important;
}
.roles-list > div {
    overflow: visible !important;
}
.roles-list > div > div {
    overflow: hidden;
    margin-bottom: 5px;
}



.ui-tabs .add-holder{
    overflow:hidden;
    margin:0 30px;
    border-bottom: 1px solid #E8E8E8;
}
.ui-tabs .add-holder .select-holder {
    float:none;
    width: 240px;
    margin-bottom:10px;
}
.ui-tabs .add-holder .textares-holder .select-holder {
    width: 100%;
}
.ui-tabs .add-holder .holder {
    float: left;
    margin-left:0;
    margin-bottom:-10px;
    border-bottom:0;
}
.ui-tabs .add-holder textarea {
    max-width: 500px;
    height:131px;
}


.login-body .header-holder,
.login-body .header-frame  {
    background: none;
}
.login-body .header-holder {
    background: url(../content/images/header-border.gif) repeat-x 0 100%;
}
.login-body .logo {
    left: 50%;
    margin-left: -74px;
    position: absolute;
    top: 0;
}


.holder .left-column {
    float: left;
    width: 50%;
}
.holder .left-column .select-holder {
    float: none;
    overflow: hidden;
    margin-bottom: 20px;
}
.holder .left-column .field-validation-error{
    clear:left;
}
.header-block .parent-menu-item {
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    padding:5px 25px 5px 10px;
    min-width:200px;
    background-position:95% 12px;
}
.header-block .menu.ui-menu {
    margin-top: 30px;
    margin-left: 0;
}
#Roles {
    padding:5px 0 0 0 !important;
    overflow: hidden !important;
    display:block !important;
    height:auto !important;
}
#Roles > div {
    overflow: hidden;
    margin-bottom:3px;
}
.check-block-holder {
    margin: 20px 0 20px 30px;
    overflow:hidden
}
.check-block-holder .holder-check-list {
    float: left;
    width:50%;
    margin:0;
}

.menu-wrapper {
    margin-left:-20px;
    margin-bottom:10px;
    padding-left:20px;
}
.menu-wrapper:after {
    content:"";
    clear:both;
    display:block;
}
.menu-wrapper .menu-container {
    float:right;
}
.menu-wrapper .delete-icon {
    background: url(../content/images/delete-ico.png) no-repeat 0 0;
    width:9px;
    height:9px;
    text-indent:-9999px;
    margin:9px 0 0 -18px;
    cursor:pointer;
    float:left;
}
.ui-jqgrid .menu-wrapper{
    margin-left: -5px;
    margin-bottom:5px;
    margin-top:5px;
}
.ui-jqgrid .menu-wrapper .delete-icon {
    margin: 5px 0 0 -17px;
}
.ui-jqgrid .menu-wrapper .menu-container {
    width:170px;
    text-overflow:ellipsis;
}
.select-holder .menu.ui-menu {
    width: 233px;
}


.double-grid-holder {
    overflow:hidden;
}
.double-grid-holder table {
    float:left;
}
.autocomplete-holder label {
    display: block;
    font-size: 13px;
    height: 17px;
    line-height: 13px;
    margin-bottom: 2px; 
}
.ui-custom-autocomplete {
    overflow:hidden;
    margin-bottom:10px;
    position:relative;
}
.ui-custom-autocomplete input {
    float:left;
    background: url("../content/images/bg-form.png") no-repeat scroll 0 0 transparent;
    display: block;
    border:0 !important;
    height: 26px !important;
    line-height: 14px !important;
    overflow: hidden;
    padding: 2px 35px 2px 10px !important;
    margin:0;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}

form .ui-custom-autocomplete input {
    width: 210px !important;
}

.ui-custom-autocomplete a {
    float:left;
    cursor:pointer;
    background: url("../content/images/select-button.png") no-repeat ;
    width:18px;
    height:31px;
}

.ui-autocomplete {
    border: 1px solid #C9C9C9;
    background: #E5E5E5;
    width:212px !important;
    margin-top:-1px;
    border-radius:0;
    padding:0;
    max-height:250px;
    z-index:1000;
    overflow-y:auto;
}

form .ui-custom-autocomplete input {
    width: 210px !important;
}

form .ui-autocomplete {
    width:232px !important;
}

.ui-autocomplete li{
    background: #E5E5E5;
}
.ui-autocomplete li a{
    color: #666666;
    display: block;
    height: 1%;
    min-height: 17px;
    overflow: hidden;
    font-size: 14px;
    padding: 3px 7px;
    text-decoration: none;
}
.ui-autocomplete li a:hover,
.ui-autocomplete li a.ui-state-focus {
    background-color: #5D5E5E;
    color: #FFFFFF;
    text-decoration: none;
    border-radius:0;
    margin:0 !important;
    cursor:pointer;
    border:0;
}

.checkbox-width {
    width: 100px;
}

#fade {
    display: none;
    position:absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
}

#modal {
    display: none;
    position: absolute;
    top: 45%;
    left: 45%;
    width: 64px;
    height: 64px;
    padding:30px 15px 0px;
    border: 3px solid #ababab;
    box-shadow:1px 1px 10px #ababab;
    border-radius:20px;
    background-color: white;
    z-index: 1002;
    text-align:center;
    overflow: auto;
}

#results {
    font-size:1.25em;
    color:red
}

#message-box-div {
    height: auto !important;
}