@charset "utf-8";

input[type="number"] {
   width:50px;
   border: 1px solid #BBB;
   border-color: #BBB #ECECEC #ECECEC #BBB;
   padding: .2rem;
}

.shadow {
	-moz-box-shadow: 2px 5px 7px #666;
	-webkit-box-shadow: 2px 5px 7px #666;
	box-shadow: 2px 5px 7px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.p-line{
    text-align:center;
    margin-top:30px;
    font-style:normal;
    font-size:14px
    color:black;
}


/* Form Style */
.form_wrapper{
	background:#fff;
	border:1px solid #ddd;
	margin:60px auto 0 auto;
	width:350px;
	font-size:16px;
	-moz-box-shadow:1px 1px 10px #ccc;
	-webkit-box-shadow:1px 1px 10px #ccc;
	box-shadow:1px 1px 10px #ccc;
}


.form_wrapper h3{
	padding:20px 30px 20px 30px;
	color:#fff;
	font-size:25px;
	background: #54748e url(../images/header_bg.jpg) repeat-x;
	border-bottom:1px solid #445c71;
}


.form_wrapper form{
	display:none;
	background:#fff;
}


.form_wrapper .column{
	width:47%;
	float:left;
}


form.active{
	display:block;
}


form.login{
	width:350px;
}


form.register{
	width:550px;
}


form.forgot_password{
	width:300px;
}


.form_wrapper a{
	text-decoration:none;
	color:#777;
	font-size:12px;
}



.form_wrapper a:hover{
	color:#000;
}


.form_wrapper label{
	display:block;
	padding:10px 30px 0px 30px;
	margin:10px 0px 0px 0px;
	color:#FFFFFF;
}


.form_wrapper input[type="text"],
.form_wrapper input[type="password"]{
	margin: 5px 30px 0px 30px;
	padding: 9px;
	display:block;
	font-size:16px;
	width:76%;
	
}


.form_wrapper .bottom{
	background-color:#444;
	border-top:1px solid #ddd;
	margin-top:20px;
	clear:both;
	color:#fff;
	text-shadow:1px 1px 1px #000;
}


.form_wrapper .bottom a{
	display:block;
	clear:both;
	padding:10px 30px;
	text-align:right;
	color:#ebedee;
	text-shadow:1px 1px 1px #000;
}


.form_wrapper a.forgot{
	float:right;
	line-height:24px;
	color:#ebedee;
	text-shadow:1px 1px 1px #000;
}


.form_wrapper a.forgot:hover{
	color:#ebedee;
}


.form_wrapper div.remember{
	float:left;
	width:140px;
	margin:20px 0px 20px 30px;
	font-size:11px;
	color:#FFFFFF;
}


.remember span{color:#FFFFFF;}


.form_wrapper div.remember input{
	float:left;
	margin:2px 5px 0px 0px;
}


.form_wrapper span.error{
	visibility:hidden;
	color:red;
	font-size:11px;
	font-style:italic;
	display:block;
	margin:4px 30px;
}


.form_wrapper input[type="submit"] {

	padding: 8px 0 9px;
	width: 120px;
	cursor:pointer;
	float:right;
	margin:15px 20px 10px 10px;
}

.imageborder{
  border: 1px solid grey;
}
.imageborderSV{
  border: 2px solid grey;
}











/*===============TOP HEADER AND MENU==================*/
/*===============TOP HEADER AND MENU==================*/


.header{
	height:95px;
	border-bottom:1px solid #445c71;
}


#logo{
	margin:5px 0px 0px 18px;
	float:left;
}

#language {
float: right;
margin-bottom: 40px;

}

.top-nav{
	height:90px;
	float:right;
	margin:0px 20px 0px 0px;
}


.top-nav li{
	display:inline;
	float:left;
}


.top-nav li a img{
	display:block;
	margin:0px auto 3px auto;
}


.top-nav ul:hover li a{
	background:none !important;
	-moz-box-shadow:inset 0 0 0px #279f48 !important;
	-webkit-box-shadow:inset 0 0 0px #279f48 !important;
	box-shadow:inset 0 0 0px #279f48 !important;
}


.top-nav li a{
	padding:31px 0px 22px 0px;
	height:38px;
	float:left;
	color:black;
	width:112px;
	text-align:center;
	font:16px Calibri;
	text-decoration:none;
	/*margin:0px 6px;*/
}


.top-nav li:last-child a{margin-right:0px;}


.top-nav ul li a:hover, .top-nav ul li a:active, .active{
	background-color:white !important;
  color: white;

}


.top-nav ul li a:active, .active{cursor:default; color: white;}


/*---TABS-CONTENOR---*/
.tabs-contenor{
	background: #eceef0;
	border-bottom: 1px solid #b8bcc0;
	height:125px;
	padding:0px 10px 0px 20px;
	position:relative;
}

.profile{
	width:540px;
	height:95px;
	float:right;
	color:#5c5c5c;
	margin:2px 0px 0px 0px;
	overflow:hidden;
  position: relative;
  z-index: 3;
}
.links {margin-top: 43px;}
.links ul {
	list-style:none;
	margin:0;
	padding:0;
  margin-top: -47px;
	float:left;
}
.links li {
	float:left;
	margin:0 3px 0 0;
	position:relative;
}
.links a {
	float:left;
	border:1px solid #dde2e8;
	background:#fff;
	-webkit-border-radius: 1px 1px 0 0;
	-moz-border-radius: 1px 1px 0 0;
	border-radius: 1px 1px 0 0;
	color:#1f252a;
	font-size:13px;
	line-height:15px;
	height:28px;
	text-decoration:none;
	padding:9px 19px 0 19px;
}
.links a:hover {
  text-decoration:underline; 
  color: black;
}
.links .num {
	position:absolute;
	right:-3px;
	top:-8px;
	color:#fff;
	font:bold 10px/18px Arial, Helvetica, sans-serif;
	width:20px;
	height:20px;
	background: #4c95cd;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOTVjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzc4YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4c95cd 0%, #3c78ba 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c95cd), color-stop(100%,#3c78ba));
	background: -webkit-linear-gradient(top,  #4c95cd 0%,#3c78ba 100%);
	background: -o-linear-gradient(top,  #4c95cd 0%,#3c78ba 100%);
	background: -ms-linear-gradient(top,  #4c95cd 0%,#3c78ba 100%);
	background: linear-gradient(to bottom,  #4c95cd 0%,#3c78ba 100%);
	text-align:center;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.links .num2 {
	position:absolute;
	right:-3px;
	top:-8px;
	color:#fff;
	font:bold 10px/18px Arial, Helvetica, sans-serif;
	width:20px;
	height:20px;
	background: #d01320;
	background: -moz-linear-gradient(top,  #4d01320 0%, #7d0a12 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d01320), color-stop(100%,#7d0a12));
	background: -webkit-linear-gradient(top,  #4d01320 0%,#7d0a12 100%);
	background: -o-linear-gradient(top,  #d01320 0%,#7d0a12 100%);
	background: -ms-linear-gradient(top,  #d01320 0%,#7d0a12 100%);
	background: linear-gradient(to bottom,  #d01320 0%,#7d0a12 100%);
	text-align:center;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
img {border-style:none;}
.links .ico1 {background:#fff url(../images/sprite.png) no-repeat 11px -444px;}
.links .ico2 {background:#fff url(../images/sprite.png) no-repeat 13px -528px;}
.links .ico3 {background:#fff url(../images/sprite.png) no-repeat 11px -637px;}
.links .ico4 {background:#fff url(../images/sprite.png) no-repeat -229px -7px;}
.profile-box { }
.profile-box .profile .image {
	float:left;
	margin:1px 5px 0 0;
}
.profile-box a {text-decoration:none;}
.profile-box .text-box {
	overflow:hidden;
	color:#a0a0a0;
	font-size:10px;
	line-height:12px;
}
.profile-box .section {
	padding:4px 33px 0 7px;
	float:left;
}
.profile-box a.section {cursor:pointer;}
.profile-box .name {
	display:block;
	font-size:12px;
	line-height:15px;
	color:#4f5f6f;
	font-weight:normal;
}

.profile img{
	float:left;
	margin:5px 6px 0px 0px;
}


.profile h2{
	float:left;
	width:65%;

	font: 32px 'TallFilmsExpandedRegular';
	line-height:1px;
	letter-spacing:0.5px;
	margin:20px 0px 5px 0px;
	font-weight:bolder;
}



.profile h4{
	font-weight:normal;
	font-size:12px;
	float:left;
	width:65%;
	margin:10px 0px 0px 0px;

}


.profile h4 a{
	text-decoration:none;
	color:#5c5c5c;
}



.profile h4 a:hover{color:#1b1b1b;}


.profile h4 img{float:none;}


.tabs-contenor h1{
	color:#5c5c5c;
	font:40px 'TallFilmsExpandedRegular';
	letter-spacing:0.5px;
	line-height:43px;
	height:40px;
  margin-top: 10px;
	overflow:hidden;
	font-weight:bolder;
}


.tabs-contenor h3{
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	padding:5px 0px;
}


.tabs-contenor h3 a{
	text-decoration:none;
	color:#5c5c5c;
}


.tabs-contenor h3 a:hover{color:#1b1b1b;}


.tabs_links{
	position:absolute;
	bottom:-1px;
}


.tabs_links ul{display:inline;}


.tabs_links ul li{display:inline;}


.tabs_links ul li a{
	text-decoration:none;
	color:black;
	border:1px solid #b8bcc0;
	border-bottom:0px;
	background-color:#ebefef;
	float:left;
	padding:6px 0px;
	width:150px;
	text-align:center;

	font-size:12px;
	margin-right:5px;
	box-shadow: inset 0px 1px 0px #fff;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
	-khtml-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;
	position:relative;
}


.tabs_links ul li span{
	background-color:#6f91b1;
	padding:1px 5px 1.6px 5px;
	color:black;
	text-shadow: 0px 0px 0px #fff;
	border:1px solid #57748d;
	font-size:10px;
	position:absolute;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	-khtml-border-radius:100px;
	border-radius:100px;
	bottom:20px;
	right:2px;
}


.tabs_links ul li.active a span{bottom:21px;}


.tabs_links ul li a:hover{
	background-color:#FFFFFF;
	color:black;
}

.tabs_links ul li.active a{
	background-color:#FFFFFF;
	color:#5c5c5c;
	border-bottom:#FFFFFF;
	padding:6px 0px 7px 0px;
	text-align:center;
}

.tabs_module{
	position: relative;
  top:0px;
  margin-left: 200px;
  width: 100%;
  z-index: 1;
}


.tabs_module ul{display:inline;}


.tabs_module ul li{display:inline;}


.tabs_module ul li a{
	text-decoration:none;
	color:white;
	border:1px solid #b8bcc0;
	border-top:0px;
	background-color:#445c71;
	float:left;
	padding:12px 0px;
	width:110px;
	text-align:center;
	font-size:12px;
	margin-right:5px;
	box-shadow: inset 0px 1px 0px #fff;
	-moz-border-radius:0px 0px 4px 4px;
	-webkit-border-radius:0px 0px 4px 4px;
	-khtml-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;
	position:relative;
}


.tabs_module ul li span{
	background-color:#445c71;
	padding:1px 5px 1.6px 5px;
	color:#FFFFFF;
	border:1px solid #57748d;
	font-size:10px;
	position:absolute;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	-khtml-border-radius:100px;
	border-radius:100px;
	bottom:20px;
	right:2px;
}


.tabs_module ul li.active a span{bottom:21px;}


.tabs_module ul li a:hover{
	background-color:#3d3d3d;
	color:white;
}


.tabs_module ul li.active a{
	background-color:#3d3d3d;
	color:white;
	border-bottom:#FFFFFF;
	padding:6px 0px 7px 0px;
	text-align:center;
}








/*===============RIGHT MENU START==================*/
/*===============RIGHT MENU START==================*/

#right-menu{
	width:261px;
	float:right;
	min-height:680px;
	padding:20px 19px 0px 0px;
	position:relative;
}


#scrollcontainer{top:19px !important;}


.advanced-search{
	margin: 5px 0px 0px 158px;
	float:left;
}


#scrollbox{
	background: url(../images/right-menu-bg.png) top left no-repeat;
	min-height:980px;
}


#form-search{
	width:250px;
	float:left;
	height:33px;
	margin:0px 0px 5px 0px;
}


.search{
	width:191px;
	height:33px;
	background:url(../images/input-search.png) left top no-repeat;
	border:0px;
	float:left;
	color:black;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 12px;
}


.search-submit{
	width: 35px;
	height: 33px;
	background:url(../images/input-search-button.png) left top no-repeat;
	float:left;
	border:0;
	cursor:pointer;
}


#main-nav {
	width:260px;
	padding: 0;
	margin:25px 0 0 0px;
}


#main-nav li {
	list-style: none;
	padding-bottom: 10px;
	text-align:left;
}


#main-nav li img{float:left;}


#main-nav li a.nav-top-item {
	background: transparent url('../images/menu-bg.jpg') left top repeat-x; /* Background image for default color scheme - green */
	padding:5px 0px 7px 15px;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	text-shadow: 1px 2px 1px #4c637d;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	-khtml-border-radius:0px 4px 4px 0px;
	border-radius:0px 4px 4px 0px;
	margin-bottom:7px;
}

#main-nav li a.nav-top-item2 {
	background: transparent url('../images/menu-bg_green.jpg') left top repeat-x; /* Background image for default color scheme - green */
	padding:5px 0px 7px 15px;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	text-shadow: 1px 2px 1px #4c637d;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	-khtml-border-radius:0px 4px 4px 0px;
	border-radius:0px 4px 4px 0px;
	margin-bottom:7px;
}

#main-nav li a.nav-top-item3 {
	background: transparent url('../images/menu-bg_violett.jpg') left top repeat-x; /* Background image for default color scheme - green */
	padding:5px 0px 7px 15px;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	text-shadow: 1px 2px 1px #4c637d;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	-khtml-border-radius:0px 4px 4px 0px;
	border-radius:0px 4px 4px 0px;
	margin-bottom:7px;
}

#main-nav li a.nav-top-item4 {
	background: transparent url('../images/menu-bg_grey.jpg') left top repeat-x; /* Background image for default color scheme - green */
	padding:5px 0px 7px 15px;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	text-shadow: 1px 2px 1px #4c637d;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	-khtml-border-radius:0px 4px 4px 0px;
	border-radius:0px 4px 4px 0px;
	margin-bottom:7px;
}

#main-nav li a.nav-top-item5 {
	background: transparent url('../images/menu-bg_yellow.jpg') left top repeat-x; /* Background image for default color scheme - green */
	padding:5px 0px 7px 15px;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	text-shadow: 1px 2px 1px #4c637d;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	-khtml-border-radius:0px 4px 4px 0px;
	border-radius:0px 4px 4px 0px;
	margin-bottom:7px;
}

#main-nav li a.nav-top-item6 {
	background: transparent url('../images/menu-bg_brown.jpg') left top repeat-x; /* Background image for default color scheme - green */
	padding:5px 0px 7px 15px;
	color: white;
	font-size: 13px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	text-shadow: 1px 2px 1px grey;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	-khtml-border-radius:0px 4px 4px 0px;
	border-radius:0px 4px 4px 0px;
	margin-bottom:7px;
}

#main-nav li a.nav-top-item7 {
	background: transparent url('../images/menu-bg_light_green.jpg') left top repeat-x; /* Background image for default color scheme - green */
	padding:5px 0px 7px 15px;
	color: white;
	font-size: 13px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	text-shadow: 1px 2px 1px grey;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	-khtml-border-radius:0px 4px 4px 0px;
	border-radius:0px 4px 4px 0px;
	margin-bottom:7px;
}


#main-nav li a.current {
	background-image: url('../images/menu-bg.jpg') !important;
	color: #fff;
}
  
                
#main-nav li a.current:hover {color: #fff;}


#main-nav ul {
	padding: 0;
	font-size: 12px;
	margin: 0;
}


#main-nav ul li {
	list-style: none;
	margin: 0;
	text-align:left;
	padding: 0;
}


#main-nav ul li a {
	padding: 5px 15px;
	display: block;
	color: #5c5c5c;
	font-size: 13px;
	line-height: 1.2em;
	text-decoration:none;
}


#main-nav ul li a:hover,
#main-nav ul li a.current,
#main-nav ul li a.current:hover {
 color: #353535;
}


#main-nav ul li a.current {background: transparent url('../images/menu-current-arrow.jpg') right center no-repeat !important;}









/*===============MAIN CONNTENT==================*/
/*===============MAIN CONNTENT==================*/


#main{
	background-color:#FFFFFF;
	width:100%;
	float:left;
}


.content-box {
	border: 1px solid #ccc;
	margin: 15px 0px 0px 0;
	background: #fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	float:left;
}


.full-box{width:100%;}


.half-box{width:48.5%;}


.quater-box{width:31.4%;}


.margin-right{margin-right:2.3%;}


.content-box-header {
	background: #eaedf1 /*url('../images/header_bg.jpg') top left repeat-x*/;
	margin-top: 1px;
	height: 40px;
	-moz-border-radius:6px 6px 0px 0px;
	-webkit-border-radius:6px 6px 0px 0px;
	-khtml-border-radius:6px 6px 0px 0px;
	border-radius:6px 6px 0px 0px;
}


.closed-box{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}


.content-box-header a{
	float:right; 
	margin:-21px 18px 0px 260px;
	height:16px;
	width:150px;
}


.content-box-header h3 {
	padding: 8px 0% 8px 18px;
	float: left;
	color:#5c5c5c;
	font-size:18px;
	font-weight:normal;
}


.content-box-header h4 {
	padding: 8px 0% 8px 18px;
	float: left;
	color:#5c5c5c;
	font-size:18px;
	font-weight:normal;
}
				
.content-box-content{
	padding: 20px;
	font-size: 14px;
	border-top:1px solid #ccc;
}

.content-box-content-small{
	padding: 10px;
	font-size: 10px;
	border-top:1px solid #ccc;
}

.content-box-content-small table{
	padding: 10px;
	font-size: 10px;
	border:1px solid #ccc;
}

.content-box-content-small thead th{
 	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #333;
	padding: 3px 3px;
	border-bottom: 1px solid #E3E3E3;
}	


.content-box-content-small td { vertical-align: top; font-size: 10px;}


.content-box-content-small tbody tr td { background: #FFF; border-bottom: 1px solid #E3E3E3; }


.content-box-content-small tbody td { padding: 4px; }

.content-box-header-small {
	background: #eaedf1 /*url('../images/header_bg.jpg') top left repeat-x*/;
	margin-top: 1px;
	height: 20px;
	-moz-border-radius:6px 6px 0px 0px;
	-webkit-border-radius:6px 6px 0px 0px;
	-khtml-border-radius:6px 6px 0px 0px;
	border-radius:6px 6px 0px 0px;
}

.content-box-header-small a{
	float:right; 
	margin:-21px 18px 0px 260px;
	height:16px;
	width:150px;
}


.content-box-header-small h4 {
	padding: 3px 0% 3px 10px;
	float: left;
	color:#5c5c5c;
	font-size:12px;
	font-weight:normal;
}


.simple-table-small thead{
	font-size:10px !important;
	font-weight:normal !important;
	color:#FFFFFF !important;
	height:25px !important;
	background:url(../images/header_bg.jpg) repeat-x left top;
	border:1px solid #868686 !important;
	-moz-border-radius:5px 5px 0px 0px !important;
	-webkit-border-radius:5px 5px 0px 0px !important;
	-khtml-border-radius:5px 5px 0px 0px !important;
	border-radius:5px 5px 0px 0px !important;
}

.simple-table-small thead th{
	font-size:10px !important;
	font-weight:normal !important;
	color:#FFFFFF !important;
	padding: 3px 0px 3px 10px;
}

.simple-table-small td { vertical-align: top; font-size: 10px;}

.common-button{
	background-color:#adc5db;
	border:0px;
	cursor:pointer;
	font-size:10.5px;
	padding:0px 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;
	text-shadow: 1px 1px 0px #dbe4e9;
	color:#5c5c5c;
}


.common-button:hover{background-color:#a2c0db;}


.big-button, .big-button:focus{
	background:#4f6c85 url(../images/big-button-bg.jpg) repeat-x;
	padding:5px 15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	border-radius:15px;
	color:#FFFFFF;
	text-shadow: 1px 1px 0px #d394d5f;
	cursor:pointer;
	font-size:16px;
	font-weight:bold;
}

.button-small, .button-small:focus{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	background-color:#e7eaeb;
	box-shadow: inset 0px 1px 0px #fff;
	text-shadow: 1px 1px 0px #fff;
	font-size:10px;
	letter-spacing:0.10px;
	text-transform:uppercase;
	font-weight:bold;
	padding:2px 7px 2px 7px;
	cursor:pointer;
	color:#5c5c5c;
	border:1px solid #b5b6b3;
}

.button, .button:focus{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	background-color:#e7eaeb;
	box-shadow: inset 0px 1px 0px #fff;
	text-shadow: 1px 1px 0px #fff;
	font-size:12px;
	letter-spacing:0.10px;
	text-transform:uppercase;
	font-weight:bold;
	padding:6px 11px 6px 11px;
	cursor:pointer;
	color:#5c5c5c;
	border:1px solid #b5b6b3;
}
.button2, .button:focus{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	background-color:#e7eaeb;
	box-shadow: inset 0px 1px 0px #fff;
	text-shadow: 1px 1px 0px grey;
	font-size:12px;
	letter-spacing:0.10px;
	text-transform:uppercase;
	font-weight:bold;
	padding:6px 11px 6px 11px;
	cursor:pointer;
	color:white;
	border:1px solid #b5b6b3;
}


.button i{
	font-size:17px;
	padding:0px 7px 0px 0px;
	position:relative;
	top:2px;
}


.button-display{
	margin:0px 12px 0px 0px;
	float:left;
}


.red-button, .red-button:focus{
	border-color:#df8f8f;
	background-color:#ffcece;
}

.lightgrey-button, .lightgrey-button:focus{
	border-color:#e2e2e2;
	background-color:#ecebeb;
}

.darkgreen-button, .darkgreen-button:focus{
	border-color:#e2e2e2;
	background-color:#047b12;
}

.blue-button, .blue-button:focus{
	border-color:#64c3f7;
	background-color:#d5f0fd;
}


.green-button, .green-button:focus{
	border-color:#9adf8f;
	background-color:#d5ffce;
}


.yellow-button, .yellow-button:focus{
	border-color:#e6db55;
	background-color:#fffbcc;
}

.violett-button, .violett-button:focus{
	border-color:#713488;
	background-color:#9658ad;
}

.grey-button, .grey-button:focus{
	border-color:#666666;
	background-color:#a59fab;
}


#content{
	overflow:hidden;
	padding:20px;
}

#content-small{
	overflow:visible;
	padding:10px;
}

.element-box{
	float:left;
	width:100%;
}


.element-box h1{
	color:#333333;
	font: 20px 'Arial';
  font-style: normal;
	overflow:hidden;
	/*font-weight:bolder;*/
	letter-spacing:1px;
}


.element-box p{margin:10px 0px;}


pre{
	float:left;
	padding:10px;
	background-color:#fbfbfb;
	border:1px dotted #b5b6b3;
	width:95%;
	margin:0px 0px 15px 0px;
	font-size:13px;
	color:#aaaaaa;
	white-space: pre-wrap; 
	 white-space: -moz-pre-wrap; 
	 white-space: -pre-wrap;   
	 white-space: -o-pre-wrap;
	 word-wrap: break-word; 
}


.table { width: 100%; border: 0; margin-bottom: 1em; border-collapse: collapse;  }


.table thead th{
 	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #333;
	padding: 10px 10px;
	border-bottom: 1px solid #E3E3E3;
}	


.table td { vertical-align: top; }


.table tbody tr td { background: #FFF; border-bottom: 1px solid #E3E3E3; }


.table tbody td { padding: 10px; }


fieldset{
	padding:10px;
	border:1px solid #d4d5d7;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
}


legend{
	padding:0px 8px;
	font-weight:bold;
}










/*===============DASHBOARD PAGE START==================*/
/*===============DASHBOARD PAGE START==================*/



/*---GRAPH---*/

.element-box h1 span{
	float:right;
	font-size:11px;
	letter-spacing:normal;
	text-align:right;
	padding-top:5px;
}


.element-box h1 span img{
	position:relative;
	top:2px;
}


.graph{
	width:100%;
	padding:10px 0px 0px 0px;
	float:left;
}

.bars-box{
	width:80%;
	float:left;
}


.bar-cover{
	float:left;
	padding:0px 8px;
	/*background:url(../images/bar-bg.jpg) no-repeat center 169px;*/
}


.graph-table span{
	display:block;
	text-align:center;
	font-size:13px;
	color:#5c5c5c;
	clear:both;
}


.graph-table td{padding-right:20px;}


.bar-border{
	width:100%;
	border:1px solid #b5b6b3;
	height:150px;
	margin:4px 0px;
	position:relative;
	overflow:hidden;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow: inset 0 0 20px #d9d7d7;
	-webkit-box-shadow: inset 0 0 20px #d9d7d7;
	box-shadow: inset 0 0 20px #d9d7d7;
}


.bar-blue{
	border:1px solid #54718d;
	position:absolute;
	bottom:1px;
	left:1px;
	right:1px;
	background: #527291 url(../images/blue-bar-bg.jpg) repeat-x top left;
	height:0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	/*-moz-animation: 1s ease-in-out 0s normal none 1 loadUp;
	-moz-transition-duration: 0s;
	-moz-transition-property:height;*/	
	transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}


.bar-skyblue{
	border-top:1px solid #54728f;
	position:absolute;
	bottom:0px;
	left:0px;
	background: #54a7dd url(../images/skyblue-bar-bg.jpg) repeat-x top left;
	height:0px;
	width:100%;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;
	/*-moz-animation: 1s ease-in-out 0s normal none 1 loadUp;
	-moz-transition-duration: 0s;
	-moz-transition-property:height;*/	
	transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;
}


.graph-details{
	width:19%;
	float:right;
}


.graph-details ul li{list-style:none;}


.graph-details li a{
	display:block;
	padding:10px 0px;
	border-bottom:1px solid #b8bcc0;
	font-size:12px;
	color:#5c5c5c;
}


.graph-details li a img{
	position:relative;
	top:4px;
	margin-right:4px;
}


.graph-details li a:hover{color:#353535;}


.graph-details li a input{margin-left:4px;}


.graph-dates{
	width:100%;
	float:left;
	list-style:none;
	color:#5c5c5c;
	margin:20px 0px 0px 0px;
}

.graph-dates li{
	display:inline-block;
	padding:0.5% 0% 0.3% 3.2%;
	background-color:#c7d7e5;
	text-transform:uppercase;
	float:left;
	font-size:28px;
	width:9.2%;
	line-height:26px;
	text-shadow: 1px 1px 0px #fff;
	font-family:'OstrichSansMedium';
}

.graph-dates li:first-child{
	-moz-border-radius:4px 0px 0px 4px;
	-webkit-border-radius:4px 0px 0px 4px;
	-khtml-border-radius:4px 0px 0px 4px;
	border-radius:4px 0px 0px 4px;
}


.graph-dates li:nth-child(odd){background-color:#e8ebec;}


.graph-dates li:nth-child(even){background-color:#c7d7e5;}


.graph-dates li:last-child{
	-moz-border-radius:0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	-khtml-border-radius:0px 4px 4px 0px;
	border-radius:0px 4px 4px 0px;
}


.graph-dates li span{
	font-size:11px;
	width:0.1%;
	float:left;
	position:relative;
	left:22px;
	text-align:center;
	line-height:12px;
}

/*---TICEKER---*/
.ticker{
	float:left;
	width:100%;
	margin:10px 0px 0px 0px;
	font-size:12px;
}


.ticker img{float:left;}


.ticker span{float:right;}


.ticker-data{
	width:98%;
	background-color:#e8ebec;
	padding:1%;
	margin:5px 0px 20px 0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}


.ticker-data input{float:right;}




/*---TRAFFIC---*/

.process-bars-box{
width:70%;
float:left;}


.gride-box{
width:30%;
float:right;}


.gride{
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
border:1px solid #b5b6b3;
}

.gride th{
background: #5a7a98 url(../images/table-th-bg.png) repeat-x;
border-bottom:1px solid #e6e6e6;
font-weight:normal;
color:#FFFFFF;
padding:8px 0px;
font-size:13px;
text-shadow: 1px 1px 0px #556f84;}

.gride td{
padding:8px 0px;
text-align:center;
border-right:1px solid #abc0d2;
font-size:17px;
text-shadow: 1px 1px 0px #fff;}

.gride td:last-child{
border:0px;}

.gride tr:nth-child(even){
background-color:#c8d8e5;}

.gride tr:nth-child(odd){
background-color:#eaeced;}


.rows-padding td{
padding:6px 0px;}


.process-bar-cover{
width:100%;
float:left;
height:18px;
border:1px solid #b5b6b3;
overflow:hidden;
padding:1px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 10px #d9d7d7;
-webkit-box-shadow: inset 0 0 10px #d9d7d7;
box-shadow: inset 0 0 10px #d9d7d7;}

.process-bar-blue{
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
border:1px solid #56728f;
float:left;
height:16px;
width:0px;
transition: all 1.5s;
-moz-transition: all 1.5s;
-ms-transition: all 1.5s;
-webkit-transition: all 1.5s;
-o-transition: all 1.5s;
background:#4f9dd4 url(../images/process-bar-blue-bg.jpg) repeat-x;}


.process-bar-darkblue{
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
border:1px solid #56728f;
float:left;
height:16px;
width:0px;
transition: all 1.5s;
-moz-transition: all 1.5s;
-ms-transition: all 1.5s;
-webkit-transition: all 1.5s;
-o-transition: all 1.5s;
background:#4f9dd4 url(../images/process-bar-darkblue-bg.jpg) repeat-x;}



/*Invoice Page*/			

#invoice .total,
#invoice .price { text-align: right; }

#invoice .sub_total,
#invoice .grand_total { text-align: right; border-bottom: none; }

#invoice .sub_total { border-top: 2px solid #666; }
#invoice .grand_total { font-size: 14px; font-weight: bold; }

#invoice .total_bar td { background: transparent; }

#invoice .client_details,
#invoice .invoice_details { font-size: 15px; padding:0px; margin: 0 0 3em; float: left; }

#invoice .invoice_details { float: right; }

#invoice .client_details li,
#invoice .invoice_details li { list-style-type: none; padding:5px 0px; }
	


#invoice_total
{
	background: #abc4dc;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	padding: 20px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 1px 1px 2px rgba(0,0,0,.35);
	border:1px solid #8da9c3;
}







/*===============NOTIFICATIONS PAGE START==================*/
/*===============NOTIFICATIONS PAGE START==================*/


.notification{
position: relative;
margin: 15px 0 10px 0;
padding: 0;
float:left;
border: 1px solid;
background-position: 10px 11px !important;
background-repeat: no-repeat !important;
font-size: 13px;
width: 95%;
padding: 10px 10px 10px 36px;
display:block;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
border-radius:6px;
}
                

.attention{
background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
border-color: #e6db55;
color: #666452;
}

.information{
background: #dbe3ff url('../images/icons/information.png');
border-color: #a2b4ee;
color: #585b66;
}

.success{
background: #d5ffce url('../images/icons/tick.png');
border-color: #9adf8f;
color: #556652;
}

.error{
background: #ffcece url('../images/icons/cross_circle.png');
border-color: #df8f8f;
color: #665252;
}

.message{
background: #ffcece url('../images/icons/message.png');
border-color: #df8f8f;
color: #665252;
}

.help{
background: #d5f0fd url('../images/icons/help.png');
border-color: #64c3f7;
color: #665252;
}

.notification .close{
position:absolute;
right:8px;
top:8px;
}


.jquery-msgbox
{
  background:url(../images/alert_background.png) repeat-x left bottom;
  padding-bottom:55px;
  font-style:normal;
}

.jquery-msgbox-buttons button[type="submit"],
.jquery-msgbox-buttons input[type="submit"], 
.jquery-msgbox-buttons button[type="button"],
.jquery-msgbox-buttons input[type="button"],
.jquery-msgbox-buttons button[type="reset"],
.jquery-msgbox-buttons input[type="reset"]
{
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
background-color:#e7eaeb;
box-shadow: inset 0px 1px 0px #fff;
text-shadow: 1px 1px 0px #fff;
padding:5px 8px;
height:32px;
cursor:pointer;
color:#5c5c5c;
border:1px solid #b5b6b3;
}



.jquery-msgbox-inputs input[type="text"],
.jquery-msgbox-inputs input[type="password"]{
padding:7px 6px;
border:1px solid #b5b6b3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
color:#8a8a8a;
font-size:13px;
-moz-box-shadow: inset 0 0 10px #e9e9e9;
-webkit-box-shadow: inset 0 0 10px #e9e9e9;
box-shadow: inset  0 0 10px #e9e9e9;
display:block;
margin:3px 0 6px 0;
width:95%;
}



.jquery-msgbox-wrapper
{
  padding:20px 20px 20px 100px;
}

.jquery-msgbox-buttons
{
  padding:15px;
  text-align:right;
  position:absolute;
  bottom:0;
  padding-bottom:10px;
  right:0;
}

.jquery-msgbox-buttons button,
.jquery-msgbox-buttons input
{
  margin-left:10px;
  min-width:85px;
  padding:0 14px 2px;
  height:24px;
  cursor:pointer;
}

.jquery-msgbox-inputs
{
  margin-top:15px;
}



.jquery-msgbox-label
{
  font-weight:bold;
  font-size:11px;
}

.jquery-msgbox-alert
{
  background: url(../images/alert.png) no-repeat 20px 20px;
}

.jquery-msgbox-info
{
  background: url(../images/info.png) no-repeat 20px 20px;
}

.jquery-msgbox-error
{
  background: url(../images/error.png) no-repeat 20px 20px;
}

.jquery-msgbox-message
{
  background: url(../images/message.png) no-repeat 20px 20px;
}

.jquery-msgbox-prompt
{
  background: url(../images/question.png) no-repeat 20px 20px;
}

.jquery-msgbox-confirm
{
  background: url(../images/confirm.png) no-repeat 20px 20px;
}



#purr-container {
position: fixed;
top: 0;
right: 0;
color: #fff;
}
	
		
.notice {
position: relative;
top: 30px;
width: 324px;
color: #fff;
}

.notice .close{position: absolute; top: 12px; right: 12px; display: block; width: 18px; height: 17px; text-indent: -9999px; background: url(../images/purrClose.png) no-repeat 0 10px;}
		
.notice-body {
min-height: 50px;
padding: 22px 22px 0 22px;
background: url(../images/purrTop.png) no-repeat left top;
color: #fff;
}
.notice-body img	{width: 50px; margin: 0 10px 0 0; float: left;}
.notice-body h3	{margin: 0; font-size: 1.1em; color: #fff;}
.notice-body p		{margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em; color: #fff;}
		
.notice-bottom {
height: 22px;
background: url(../images/purrBottom.png) no-repeat left top;
}




#basic-modal-content, #basic-modal-content2 {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#fff; background-color:#333; border:4px solid #444; padding:12px; max-height:400px;}
#simplemodal-container p, #simplemodal-container h3{color:#bbb;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #abc4dc; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
















/*===============FORMS STUFF PAGE==================*/
/*===============FORMS STUFF PAGE==================*/



.input-text{
padding:6px 6px;
border:1px solid #b5b6b3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
color:black;
font-size:13px;
-moz-box-shadow: inset 0 0 10px #e9e9e9;
-webkit-box-shadow: inset 0 0 10px #e9e9e9;
box-shadow: inset  0 0 10px #e9e9e9;
box-sizing:content-box;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
}


.select{
padding:6px 6px;
border:1px solid #b5b6b3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
color:black;
font-size:13px;
-moz-box-shadow: inset 0 0 10px #e9e9e9;
-webkit-box-shadow: inset 0 0 10px #e9e9e9;
box-shadow: inset  0 0 10px #e9e9e9;
box-sizing:content-box;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; }


.small{
width:20%;}

.medium{
width:40%;}

.large{
width:70%;}


.input-text:focus{
padding:6px 6px;
border:1px solid #b5b6b3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
color:black;
font-size:13px;
-moz-box-shadow: inset 0 0 10px #e9e9e9;
-webkit-box-shadow: inset 0 0 10px #e9e9e9;
box-shadow: inset  0 0 10px #e9e9e9;
box-sizing:content-box;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
}

.input-success:focus, .input-success{
border-color:#7ebf73;
-moz-box-shadow: inset 0 0 10px #d5ffce;
-webkit-box-shadow: inset 0 0 10px #d5ffce;
box-shadow: inset  0 0 10px #d5ffce;
color:#7ebf73;}

.input-error:focus, .input-error{
border-color:#df8f8f;
-moz-box-shadow: inset 0 0 10px #ffcece;
-webkit-box-shadow: inset 0 0 10px #ffcece;
box-shadow: inset  0 0 10px #ffcece;
color:#df8f8f;}




.form-row{
clear: both;
padding: 8px 0px 0px 0px;
position: relative;}

.form-row samp{
width:25%;
float:left;
padding-top:5px;
}


.form-row span{
font-style:italic;
padding-left:10px;
font-size:12px;
color:#a2a2a2;}

.form-row span img{
position:relative;
top:5px;
margin-right:5px;}


.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 15px 5px 0;
	position:relative;
	bottom:5px;
	background: url(../images/checkbox.png) no-repeat;
}
.radio {
	background: url(../images/radio.png) no-repeat;
}

.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
}


/*Datepicker*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; -moz-box-shadow: 0 0 10px #898989; -webkit-box-shadow: 0 0 10px #898989; box-shadow:  0 0 10px #898989; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0 0 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/*Datepicker*/



/*Typography*/

.list-style{
margin:0px 12% 30px 0px;
float:left;
list-style:none;}

.list-style li{
padding:0px 0px 0px 20px;}


.gray li{
background:url(../images/icons/bullet_gray.png) left center no-repeat;
}

.red li{
background:url(../images/icons/bullet_red.png) left center no-repeat;
}


.green li{
background:url(../images/icons/bullet_green.png) left center no-repeat;
}

.blue li{
background:url(../images/icons/bullet_blue.png) left center no-repeat;
}


.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; }
.tipsy-inner { padding:8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.tipsy-arrow { position: absolute; background: url('../images/icons/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }



.wysiwyg {
padding: 6px;
font-size: 13px;
background: #fff url('../images/bg-form-field.gif') top left repeat-x;
border: 1px solid #d5d5d5;
color: black;
}




.wizard-box{
width:100%;
border:1px solid #b5b6b3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
	
fieldset.sectionwrap{ /*fieldset that wraps around each form "page" */
border-width:0;
padding:10px;
width:800px;
height:350px;
float:left;
}



div.stepsguide{ /*div that contains all the "steps" text located at top of form */ 
width: 100%; /*width of "steps" container*/
overflow:hidden;
margin-bottom:15px;
cursor:pointer;
border-bottom:1px solid #b5b6b3;

}

div.stepsguide .step{ /*div that wraps around each "steps" text */
	width:150px; /*width of each "steps" text*/
	font: bold 30px;
	float:left;
	background-image: url(../images/step-bg.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding:15px;
}

div.stepsguide .disabledstep{ /*div that wraps around each "steps" text */
color:#C4C4C4;
}

div.stepsguide .step .smalltext{ /*small footer text inside "steps" text */
font-size: 13px;
font-weight: normal;
}

div.formpaginate{ /* CSS for pagination DIV container */
width: 98.5%;
overflow:hidden;
font-weight:bold;
text-align:center;
margin:5px;
}

div.formpaginate .prev, div.formpaginate .next{ /*CSS for "prev" and "next" SPAN elements within paginate container */
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
background-color:#e7eaeb;
box-shadow: inset 0px 1px 0px #fff;
text-shadow: 1px 1px 0px #fff;
font-size:15px;
letter-spacing:0.10px;
text-transform:uppercase;
font-weight:bold;
padding:7px 18px 8px 18px;
cursor:pointer;
color:#5c5c5c;
border:1px solid #b5b6b3;
}


.countLabel 
{
    color:Gray;
    font-style:italic;
	width:100%;
	font-size:14px;
}

.storageBox 
{
    display:none;
}

.copiedOption
{
    background-color:Yellow;
}








/*===============UI ELEMENTS PAGE==================*/
/*===============UI ELEMENTS PAGE==================*/



/* Image list */

.imglist {
	overflow: hidden;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	}

.imglist ul {
	padding: 0;
	}

.imglist li {
	padding: 0;
	margin: 0;
	background: #fff;
	width: 100px;
	height: 100px;
	display: block;
	float: left;
	position: relative;
	margin: 10px 23px 10px 0;
	border: 1px solid #ccc;
	padding: 1px;
	box-shadow: 0 0 3px #ccc;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	}

.imglist li:hover {

	}

.imglist li img {
	width: 100px;
	height: 100px;
	}

.imglist li ul {
	position: absolute;
	z-index: 10;
	background: url(../images/imgo.gif) center no-repeat;
	width: 62px;
	height: 58px;
	left: 20px;
	top: 22px;
	display: none;
	}
	
.imglist li:hover ul {
	display: block;
	}

.imglist li ul li {
	display: block;
	width: 62px;
	height: 29px;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	background: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
	
.imglist .ui-state-highlight {
	border: 1px dashed #ccc;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}

.imglist .ui-sortable-helper {
	opacity: .80;
	-moz-opacity: .80;
	filter:alpha(opacity=80);
	}

.imglist li ul li a {
	text-decoration: none;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	text-shadow: 0 0 2px #000;
	outline: none;
	}
	
.imglist li ul li.view a:hover { background: url(../images/imgt.gif) bottom center no-repeat; }
.imglist li ul li.delete a:hover { background: url(../images/imgb.gif) top center no-repeat; }




.horizontal-tabs, .vertical-tabs{
border:1px solid #b8bcc0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
float:left;}


.horizontal-tabs ul{
background-color:#e8ebec;
border-bottom:1px solid #b8bcc0;
}

.horizontal-tabs ul li{
display:inline;}

.horizontal-tabs ul li a{
display:inline-block;
padding:10px 25px;
color:#55748e;}


.horizontal-tabs ul li.active a{
color:#5c5c5c;
background-color:#cad9e7;}


.horizontal-tab-content{
padding:15px;
font-size:14px;
-moz-box-shadow: inset 0 0 20px #d9d7d7;
-webkit-box-shadow: inset 0 0 20px #d9d7d7;
box-shadow: inset 0 0 20px #d9d7d7;}



.vertical-tabs ul{
background-color:#e8ebec;
border-right:1px solid #b8bcc0;
float:left;
width:180px;
}

.vertical-tabs ul li{
list-style:none;}

.vertical-tabs ul li a{
display:inline-block;
padding:12px 0px 11px 30px;
width:150px;
color:#55748e;}

.vertical-tabs ul li.active a{
color:#5c5c5c;
padding:12px 0px 11px 30px;
width:150px;
background-color:#cad9e7;}


.vertical-tab-content{
padding:15px;
font-size:14px;
-moz-box-shadow: inset 0 0 20px #d9d7d7;
-webkit-box-shadow: inset 0 0 20px #d9d7d7;
box-shadow: inset 0 0 20px #d9d7d7;
overflow:hidden;
}













/*===============PLUGINS PAGE==================*/
/*===============PLUGINS PAGE==================*/


.graph-box{
float:left;
width:100%;
margin:0px;
padding:0px;
min-height:500px;
height:100px;}



.slider { width: 100%; height: 600px; display: block; position: relative; background: #fff; overflow: hidden; }
.slider ul { list-style: none; }
.slider-content { float: left; width: 100%; display: block; overflow: auto; min-height: 510px; }
.slider-content ul { float: left; width: 100%; display: block; position: relative; }
.slider-content ul li { float: left; width: 100%; }
.slider-content ul ul li a { padding: 5px 10px; display: block; border-bottom: 1px solid #f3f3f3; text-transform: capitalize; }
.slider-content ul ul li a:hover { background: #f3faff; border-color: #d5ebf9; }
.slider-content .title { padding: 5px 0; text-indent: 10px; background: #c7d7e5; color: #fff; width: 100%; float: left; font-weight: bold; text-transform: uppercase; }
.slider-content .selected .title { background: #95adc8; }
.slider .slider-nav { position: absolute; right: 0; top: 0; background: #95adc8; min-height: 510px; }
.slider .slider-nav ul { padding: 5px 0; }
.slider .slider-nav li a { padding: 3px 5px; line-height: 13px; text-align: center; color: #fff; font-weight: bold; display: block; text-transform: uppercase; cursor: pointer; }
.slider #debug { position: absolute; bottom: 0; left: 0; padding: 5px; background: #000; color: #fff; }
.slider .arrow { font-size: 0px; line-height: 0%; width: 0px; border-bottom: 8px solid #fff; border-left: 5px solid #617489; border-right: 5px solid #617489; position: relative; top: 5px; }
.slider .down { border-bottom: none; border-top: 8px solid #fff; top: 15px; }
.slider .slide-up, .slider .slide-down { height: 20px; background: #55728d; text-align: center; cursor: pointer; float: right; width: 100%; position: relative; }



.video-player{
width:100%;
height:350px;}

.audio-player{
width:100%;
}





/*===============ERROR PAGE==================*/
/*===============ERROR PAGE==================*/


.errorNum {
    color: #FFFFFF;
    display: block;
    font-size: 200px;
    padding: 0px 0px 20px 0px;
    text-shadow: 0 1px 0 #CCCCCC,
	             0 2px 0 #C9C9C9,
				 0 3px 0 #BBBBBB,
				 0 4px 0 #B9B9B9,
				 0 5px 0 #AAAAAA,
				 0 6px 1px rgba(0, 0, 0, 0.1),
				 0 0 5px rgba(0, 0, 0, 0.1),
				 0 1px 3px rgba(0, 0, 0, 0.3),
				 0 3px 5px rgba(0, 0, 0, 0.2),
				 0 5px 10px rgba(0, 0, 0, 0.25),
				 0 10px 10px rgba(0, 0, 0, 0.2),
				 0 20px 20px rgba(0, 0, 0, 0.15);
	text-align:center;
	filter: dropshadow(color=#CCCCCC,offX=5,offY=5);
	}
	
	
	
	
	



/*===============ADDITIONAL PAGE==================*/
/*===============ADDITIONAL PAGE==================*/



.map-canvas{
height:300px;
width:100%;
border:1px solid #5c5c5c;
}




.barcode{
margin:0px auto;}


#qrcode2{
width:350px;
height:350px;
}


.qrcode img{
display:block;
margin:0px auto;}




.comment{}

.avartar{
height: 40px;
width: 40px;
background-color: #FAFAFA;
border:1px solid #b5b6b3;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
box-shadow: 1px 1px 5px #CCCCCC;
float: left;
margin: 0 35px 0 0px;
padding: 10px;
}

.msgbuttonread{
height: 40px;
width: 40px;
float: right;
position: relative; 
margin: 0 35px 0 0px;
padding: 10px;
}


.avartar img{
height:40px;
width:40px;}

.msg{
    margin: 20px 0px 15px 115px;
    min-height: 40px;
    padding: 10px;
	font-size:14px;
	color:#919191;
	border:1px solid #b5b6b3;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow: inset 0 0 10px #e9e9e9;
    -webkit-box-shadow: inset 0 0 10px #e9e9e9;
     box-shadow: inset  0 0 10px #e9e9e9;
	 max-height:100px;
	 overflow-y:auto;
	 font-style:italic;
}

.msg samp{
text-align:left;
display:inline-block;
width:58%;
margin-bottom:10px;
font-style:normal;}

.msg span{
width:40%;
text-align:right;
display:inline-block;
margin-bottom:10px;
font-size:12px;
color:#CCCCCC;
font-style:normal;}


.commentMsg{
margin:25px 0px 0px 0px;
padding-left:15px;}

.rply{
width:100%;}







/*---FOOTER---*/

#footer{
width:96.6%;
float:left;
height:10px;
background:#e7ecf0;
color:#b0b0b0;
font-size:11px;
text-shadow: 1px 1px 0px #fff;
margin:20px 0px 0px 0px;
padding:25px 1.7%;}

#footer span{
float:right;
text-align:right;
color:#b0b0b0;
font-size:12px;}

#footer span b{
color:#b0b0b0;}

#footer span a{
color:#b0b0b0;}

#footer span a:hover{
color:#878686;}

/*---FOOTER ENDS---*/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}