/* @override 
	http://gia.test/codesigner1399548770.css/general.css
*/

@font-face{
font-family:"Myriad W01 Regular";
src:url("fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix");
src:url("fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix") format("eot"),url("fonts/c5b1c170-d8f7-41f9-85c2-0ab670780c6b.woff") format("woff"),url("fonts/ba1ff8f6-0c27-4e7b-8be5-818b6c3dd801.ttf") format("truetype"),url("fonts/a379413e-a0b8-44dc-b250-1e000e4092a4.svg#a379413e-a0b8-44dc-b250-1e000e4092a4") format("svg");
}
@font-face{
font-family:"Myriad W01 Bd Sm Cnd";
src:url("fonts/05288a48-9aa4-47ee-9af8-97126df7e999.eot?#iefix");
src:url("fonts/05288a48-9aa4-47ee-9af8-97126df7e999.eot?#iefix") format("eot"),url("fonts/c858c292-597c-4ffe-a108-4e6568fbae4e.woff") format("woff"),url("fonts/1522b786-6d59-43f7-9d16-34279ee0acf8.ttf") format("truetype"),url("fonts/1455167d-f3ec-4022-ae9f-b9ce5746d2a0.svg#1455167d-f3ec-4022-ae9f-b9ce5746d2a0") format("svg");
}



/* Clearfix */
.cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

html, body {
	width: 100%;
	height: 100%;
}


/* @group Text styles */

body {
	margin: 0;
	padding: 0;
	font-size:  13px;
	line-height: 16px;

	font-family: "Myriad W01 Regular", "myriad-pro", Arial, Tahoma,sans-serif;
	font-style: normal;
	font-weight: 400;	
	
}
label {
	font-size: 13px;
}
input, select, textarea {
	font-size: 13px;
	margin-top: 0;
	
}

/* My Comment */
b, strong {
	font-weight: 600;
}
h1, h2, h3, h4, h5, p  {
	padding: 0;
}
h1 {
	font-size: 28px;
	font-weight: 600;
	margin: 30px 0 0px;
}
h2 {
	font-size: 19px;
	margin: 30px 0 12px;
}
h3 {
	font-size: 15px;
	margin: 25px 0 12px;
	font-weight: 600;
}
h4 {
	font-size: 13px;
	margin: 25px 0 12px;
}
h5 {
	font-size: 12px;
	margin: 25px 0 12px;
	text-transform: uppercase;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
h1.first, 
h2.first, 
h3.first, 
h4.first, 
h5.first, 
h6.first {
	margin-top: 0px;
}

/* @end */

a {
	color: #fff;
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: none;
}
a:visited {
	
}

ol.circle-number-style {
	counter-reset: li;
	margin: 20px 0;
	padding: 0 0 0 23px;
	list-style: none;
}
ol.circle-number-style > li {
	position: relative;
	margin: 15px 0;
	padding: 0;
}
ol.circle-number-style > li:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	top: -2px;
	left: -23px;
	width: 17px;
	height: 16px;
	padding: 1px 0 0;
	background: #fff;
	-webkit-border-radius: 17px;
			border-radius: 17px;
	-webkit-background-clip: padding-box; background-clip: padding-box;

	text-align: center;
	color: #307FB2;
	font-size: 11px;
	font-weight: bold;
}

php {
	display: block;
	float: left;
	width: 96%;
	padding: 10px 2%;
	background: #000;
	color: #aaa;

}

/* Blue tabs */

#blue-tabs {
	position: relative;
	color: #fff;
}
#blue-tabs td.label label {
	padding: 7px 16px 5px 0px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	float: right;
}
#blue-tabs .tabs {
	position: absolute;
	top: -41px;
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}
#user-management #blue-tabs .tabs {
	top: -41px;
}

#user-management #blue-tabs .tabs li a .wrap {
	height: 28px;
}
#user-management #blue-tabs .pane {
	border: none;
	background: #53A2D5;
}

#blue-tabs .tabs li {
	position: relative;
	float: left;
	margin-right: -9px;
}
#blue-tabs .tabs li:hover {
	cursor: pointer;
}

/* Reversed z-indexies for tabs. */
#blue-tabs .tabs li:nth-child(0) { z-index: 519; }
#blue-tabs .tabs li:nth-child(1) { z-index: 518; }
#blue-tabs .tabs li:nth-child(2) { z-index: 517; }
#blue-tabs .tabs li:nth-child(3) { z-index: 516; }
#blue-tabs .tabs li:nth-child(4) { z-index: 515; }
#blue-tabs .tabs li:nth-child(5) { z-index: 514; }
#blue-tabs .tabs li:nth-child(6) { z-index: 513; }
#blue-tabs .tabs li:nth-child(7) { z-index: 512; }
#blue-tabs .tabs li:nth-child(8) { z-index: 511; }
#blue-tabs .tabs li:nth-child(9) { z-index: 510; }
#blue-tabs .tabs li:nth-child(10) { z-index: 509; }
#blue-tabs .tabs li:nth-child(11) { z-index: 508; }
#blue-tabs .tabs li:nth-child(12) { z-index: 507; }
#blue-tabs .tabs li:nth-child(13) { z-index: 506; }
#blue-tabs .tabs li:nth-child(14) { z-index: 505; }
#blue-tabs .tabs li:nth-child(15) { z-index: 504; }
#blue-tabs .tabs li:nth-child(16) { z-index: 503; }
#blue-tabs .tabs li:nth-child(17) { z-index: 502; }
#blue-tabs .tabs li:nth-child(18) { z-index: 501; }
#blue-tabs .tabs li:nth-child(19) { z-index: 500; }

#blue-tabs .tabs li a {
	display: block;
	height: 41px;
	padding-right: 24px;
	color: #e5f7ff;
	background: url(image/bluetabs-sprite_x2.png) no-repeat right -50px;
	background-size: 400px 250px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(35,64,82,.40);
}
#blue-tabs .tabs li a .wrap {
	display: block;
	height: 29px;
	padding: 13px 0px 0 18px;
	background: url(image/bluetabs-sprite_x2.png) no-repeat left top;
	background-size: 400px 250px;

}

#blue-tabs .tabs li.active {
	z-index: 1000;
}
#blue-tabs .tabs li.active a {
	background: url(image/bluetabs-sprite_x2.png) no-repeat right -150px;
	background-size: 400px 250px;

}
#blue-tabs .tabs li.active a .wrap {
	background: url(image/bluetabs-sprite_x2.png) no-repeat left -100px;
	background-size: 400px 250px;
}

#blue-tabs .tabs li.black a {
	background: url(image/bluetabs-sprite_x2.png) no-repeat right -249px;
	background-size: 400px 250px;
}
#blue-tabs .tabs li.black a .wrap {
	background: url(image/bluetabs-sprite_x2.png) no-repeat left -199px;	
	background-size: 400px 250px;
}

#blue-tabs .tabs li.active.black a {
	background: url(image/bluetabs-sprite_x2.png) no-repeat right -350px;
	background-size: 400px 250px;
}
#blue-tabs .tabs li.active.black a .wrap {
	background: url(image/bluetabs-sprite_x2.png) no-repeat left -300px;	
	background-size: 400px 250px;
}

#blue-tabs .tabs li.dark a {
	background: url(image/bluetabs-sprite_x2.png) no-repeat right -50px;
	background-size: 400px 250px;
}
#blue-tabs .tabs li.dark a .wrap {
	background: url(image/bluetabs-sprite_x2.png) no-repeat left -0px;	
	background-size: 400px 250px;
}

#blue-tabs .tabs li.active.dark a {
	background: url(image/bluetabs-sprite_x2.png) no-repeat right -150px;
	background-size: 400px 250px;
}
#blue-tabs .tabs li.active.dark a .wrap {
	background: url(image/bluetabs-sprite_x2.png) no-repeat left -100px;	
	color: #fff;
	background-size: 400px 250px;
}




.padded-panes .pane,
#blue-tabs .pane {
	display: none;
	padding: 18px 20px 20px 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.31);
	/*padding: 30px 0 0 58px;*/
}
#blue-tabs #history-pane.pane {
	padding-left: 0px;
}



.form-light input[type="text"],
.form-light input[type="password"],
.form-light textarea {
	padding: 5px 8px;
	border: 1px solid #fff;
	background: #fff;

	-webkit-border-radius: 3px;
			border-radius: 3px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	-webkit-box-shadow: 0px 1px 3px 0px rgba(50,88,113,0.7);
			box-shadow: 0px 1px 3px 0px rgba(50,88,113,0.7);
			margin-bottom: 5px;
}
.checkbox-wrap { padding: 5px 0 2px; }
.checkbox-wrap input[type="checkbox"] {
	margin-right: 5px;
}
.form-dark input[type="text"]:focus,
.form-dark input[type="password"]:focus,
.form-dark textarea.error,
.form-dark select.error {
	background: #fff !important;
}


.form-light input[type="text"].error,
.form-light input[type="password"].error,
.form-light textarea.error,
.form-light select.error {
	border: 1px solid #f00 !important;
}
.form-light input[type=text]:focus,
.form-light input[type=password]:focus,
.form-lighttextarea:focus {
	outline: 0;
}






#form-wrap #reset-pass-box label{
	padding: 1px 10px 0 0;
}

.form-dark input[type=text],
.form-dark input[type=password] {
	width: 250px;
	padding: 5px 8px 5px 8px;
	
	margin: 1px;
	border: 0px solid transparent;
	background: #e9f8fe;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	color: #11212b;
	font-size: 15px;
	font-weight: normal;
	line-height: 18px;
	outline: none;
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.7);


}

.form-dark input::-webkit-input-placeholder {
   color: #6f98a8;
}

.form-dark input:-moz-placeholder { /* Firefox 18- */
   color: #eef; 
}

.form-dark input::-moz-placeholder {  /* Firefox 19+ */
   color: #234755;
}

.form-dark input:-ms-input-placeholder {  
   color: #eef; 
}



.form-dark input[type=text]:focus,
.form-dark input[type=password]:focus,
.form-dark input[type=text].hasvalue,
.form-dark input[type=password].hasvalue
 {
	background: #fff;
/*	box-shadow: 0px 1px 5px 0px rgba(50,88,113,0.7);*/

}

a.button-big {
	display: block;
	float: left;
	width: 250px;
	padding: 7px 8px 8px 8px;
	text-align: center;
	font-size: 15px;
	line-height: 15px;
	color: #fff;
	
	background: #018ec5;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.7);
	font-weight: bold;

}
a.button-big:hover {
	text-decoration: none;
	background: #1480b3;
	background: #0193c9;
	color: #fff;

	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.6);


}

.form-dark .field.submit {
	float: right;
}



.form-dark a.button-selected {
	background-position: left -100px;
	
}


.form-dark a.button span {
	font-size: 15px;
	font-weight: 600;
	
	color: #bbd3d5;
	display: block;
	float: left;
	width: auto;
	height: 25px;
	
	overflow: hidden;
	padding: 6px 14px 0px 8px;
	background: transparent url(toolbar/buttons.png) no-repeat right -55px;
	text-shadow: #000 0 -1px 1px;
}

.form-dark a.button-selected span {
	background-position: right -150px;
}



.form-dark a.button span span.icon {
	display: block;
	float: left;
	width: 16px;
	height: 31px;
	padding: 0px;
	background: transparent url(toolbar/buttons.png) no-repeat right -50px;
}

.form-dark .alignleft input {
	float: left;
}



.form-dark a.button span span.label {
	display: block;
	float: left;
	width: auto;
	height: 25px;
	padding: 0px;
	background: none;
	
}


.form-dark a.button:hover span {
	color: #fff;
}






/* Button styles */

div.buttons {
	display: block;
	margin: 15px 0 0;
}
/*#wrapper a.button,
#blue-tabs a.button,*/
#wrapper a.button_blue,
#toolbar a.button_blue {
	display: inline-block;
	height: 19px;
	padding: 6px 10px 0;
	background: #464A4C;
	border: 1px solid #131313;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	
	text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
	-webkit-border-radius: 4px;
			border-radius: 4px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.3);
			box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.3);

	height: 28px;
	padding: 0 10px 0 0;
	background: url(img/input-sprite.png) no-repeat right -50px;
	border: 0;
	-webkit-box-shadow: none;
			box-shadow: none;
}
#wrapper a.button_blue > span,
#toolbar  a.button_blue > span {
	display: block;
	height: 22px;
	padding: 6px 0 0 10px;
	background: url(img/input-sprite.png) no-repeat 0 0;
}

#toolbar a.button { text-decoration: none; }



#toolbar a.button.blue {
	display: block;
	float: left;
	height: 28px;
	padding: 0 10px 0 0;
	background: url(img/input-sprite.png) no-repeat right -50px;
	border: 0;
	-webkit-box-shadow: none;
			box-shadow: none;
}
#toolbar a.button.blue > span {
	display: block;
	height: 22px;
	padding: 6px 0 0 10px;
	background: url(img/input-sprite.png) no-repeat 0 0;
}



a.arrow-bullet {
	display: inline-block;
	padding-left: 10px;
	background: url(img/green-arrow.png) no-repeat 0px 2px;
}
label.mandatory {
	font-weight: bold;
}
.mandatory-asterisk {
	display: inline-block;
	color: #F73D3A;
}

.auto-expandable-text-input {
	resize: none;
}



/* Checkboxes 
****************************************************************/
/* Blue checkboxes */

/* @group Blue form checkboxes */

#toolbar input[type=checkbox] {
	display: none;
	/*visibility: hidden;
	float: left;*/
}

#toolbar input[type=checkbox] + label {
	position: relative;
	display: block;
	padding-left: 21px;
	color: #C1DCED;
}

#toolbar input[type=checkbox]:checked + label { color: #fff; }
#toolbar input[type=checkbox] + label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0px;
	width: 15px;
	height: 15px;
	background: url(img/input-sprite.png) no-repeat 0 -100px;
}

#toolbar input[type=checkbox]:checked + label:before { background-position: 0 -125px; }

/* @end */




/* @group Datepicker */

.ui-datepicker-header {
	position: relative;
	width: 176px;
	height: 25px;
}
.ui-datepicker-prev,
.ui-datepicker-next {
	display: block;
	position: absolute;
	top: 0;
	width: 20px;
	height: 20px;
	background: url('img/datepicker-sprite.png') no-repeat 0 -25px;
	text-indent: -9999px;
	cursor: pointer;
}
.ui-datepicker-prev { left: 0; }
.ui-datepicker-next {
	right: 0;
	background-position: right -75px;
}
.ui-datepicker-prev:hover { background-position: 0 -50px; }
.ui-datepicker-next:hover { background-position: right -100px; }

.ui-datepicker-title,
table.ui-datepicker-calendar thead th {
	color: #0d2738;
	text-shadow: 0px 1px 0px #fff;
}
.ui-datepicker-title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.ui-datepicker-year {
	font-weight: normal;
}

table.ui-datepicker-calendar thead th {
	font-size: 10px;
	font-weight: normal;
	padding-bottom: 2px;
}
table.ui-datepicker-calendar tbody {
	border-top:  1px solid #9ec6d2;
	border-left:  1px solid #9ec6d2;
}
table.ui-datepicker-calendar tbody td {
	padding: 0;
	margin: 0;
	background: url('img/datepicker-sprite.png') no-repeat 0px -125px;
	width: 25px;
	height: 25px;
}
table.ui-datepicker-calendar td > span.ui-state-default,
table.ui-datepicker-calendar td > a {
	display: block;
	width: 24px;
	height: 19px;
	padding: 5px 0 0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #0d2738;
	text-decoration: none;
}
table.ui-datepicker-calendar td > span.ui-state-default { font-weight: normal; }
table.ui-datepicker-calendar td.ui-datepicker-week-end > span.ui-state-default,
table.ui-datepicker-calendar td.ui-datepicker-week-end > a { color: #798c97; }
table.ui-datepicker-calendar td > a:hover {
	background: url('img/datepicker-sprite.png') no-repeat -26px -125px;
}
table.ui-datepicker-calendar td > a:hover,
table.ui-datepicker-calendar td > a.ui-state-active {
	position: relative;
	width: 26px;
	height: 20px;
	margin: -1px;
	padding: 6px 0 0;
}
table.ui-datepicker-calendar td > a.ui-state-active {
	background: url('img/datepicker-sprite.png') no-repeat -53px -125px;
	color: #fff;
}

/* @end */