/************************************************************************************

RESET

*************************************************************************************/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,

dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,

a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,

strong, sub, sup, tt, var, legend, fieldset, input, textarea {

	margin:0;

	padding:0;

}

html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; width:99.9%; }



img, fieldset {

	border:0;

}



input, textarea {

	font:13px/100% Tahoma, Arial, Helvetica, sans-serif;

}



/* set image max width to 100% */

img {

	max-width:100%;

	height:auto;

	width:auto\9; /* ie8 */

}



/* set html5 elements to block */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 

 display:block;

}



/************************************************************************************

GENERAL STYLING

*************************************************************************************/

html, button, input, select, textarea { font-family:Tahoma, Arial, sans-serif; color:#666; }

body {

	background:#fff;

	background-size:100%;

	background-repeat:none;

	background-attachment:fixed;

	font-size:13px;

	line-height:1.4;

}

a {

	color:#026acb;

	text-decoration:none;

	outline:none;

}

a:hover {

	text-decoration:underline;

}

p {

	margin:0 0 16px;

	padding:0;

}



/* list */

ul, ol {

	margin:10px 0 14px 24px;

	padding:0;

	line-height:140%;

}

li {

	margin:0 0 5px 0;

	padding:0;

}



/* headings */

h1, h2, h3, h4, h5, h6 {

	line-height:140%;

	margin:20px 0 4px;

	color:#000;

}

h1 {

	font-size:20px;

}

h2 {

	font-size:18px;

}

h3 {

	font-size:16px;

}

h4 {

	font-size:15px;

}

h5 {

	font-size:14px;

}

h6 {

	font-size:14px;

}



/* reset webkit search input styles */

input[type=search],

input[type=input],

textarea {

	-webkit-appearance:none;

	outline:none;

}

input[type="search"]::-webkit-search-decoration, 

input[type="search"]::-webkit-search-cancel-button,

input[type="input"]::-webkit-search-decoration, 

input[type="input"]::-webkit-search-cancel-button,

textarea::-webkit-search-decoration, 

textarea::-webkit-search-cancel-button {

	display:none;

}



.disabled {

	opacity:0.5;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/

	-moz-opacity:0.5; /* Mozilla 1.6 è íèæå */

	-khtml-opacity:0.5; /* Konqueror 3.1, Safari 1.1 */

}

.loading { 

	display:none; 

	position:absolute; 

	width:16px; 

	height:16px;

	background-image:url('../img/icon-loading-16px.gif'); 

}

.confirm-dialog {

	display:none;

}

.confirm-delcdocs {

	display:none;

}

.confirm-deladocs {

	display:none;

}


.nowrap {

	white-space:nowrap;

}

.hidden {

	display:none;

}

.important {

	font-weight:bold;

}

.right {

	float:right;

}



/************************************************************************************

STRUCTURE

*************************************************************************************/

#pagewrap {

	width:98%;

	margin:0 auto;

}



/************************************************************************************

HEADER

*************************************************************************************/

#header {

	position:relative;

	height:76px;

	background-color:#fff;

}



/* site logo */

#site-logo {

	position:absolute;

	z-index:101;

	left:0%;

	width:234px;

	height:76px;

	margin-top:15px;

}

#site-logo a {

	display:block;

	width:234px;

	height:76px;

	font:bold 30px/100% Arial, Helvetica, sans-serif;

	color:#fff;

	text-decoration:none;

	font-size:1px;

	background:#fff url(../img/logo.png) no-repeat 0 0;

}



#header-print {

	position:relative;

	padding:30px 1% 10px;

	margin:0;

}

#site-logo-print img {

	width:234px;

	height:76px;

	border:none;

}

#site-contacts-print {

	position:absolute;

	z-index:101;

	right:25px;

	margin-top:0px;

}

#site-contacts-print b {

	color:#d24d47;

}





/************************************************************************************

MAIN NAVIGATION

*************************************************************************************/

nav {

	position:absolute;

	top:10px;

	right:10px;

	display:block;

	padding:0;

	margin:5px 0 0 240px;

}

/*#main-nav {

	position:absolute;

	right:0px;

	display:inline-block;

	height:76px;

	padding:0;

	margin:0;

}

#main-nav li {

	margin:13px 0 0;

	padding:0;

	list-style:none;

	float:left;

	position:relative;

}

#main-nav a {

	line-height:100%;

	font-weight:normal;

	color:#333;

	display:block;

	font-size:17px;

	padding:6px 25px;

	margin:0 2px;

	text-decoration:none;

	text-transform:uppercase;

}

#main-nav a:hover {

	color:#fff;

	background:#474747;

	background:-webkit-gradient(linear, left top, left bottom, from(#282828), to(#4f4f4f));

	background:-moz-linear-gradient(top, #282828, #4f4f4f);

	background:linear-gradient(-90deg, #282828, #4f4f4f);

}

#main-nav .selected span {

	font-weight:bold;

}*/

.top-buttonset {

	float:left;

	margin-left:10px;

}

.top-buttonset button span {

	float:left;

}

.top-buttonset button span.ui-icon {

	margin-right:5px;

}

.ui-menu { /* top dropdown submenu */

	position:absolute; 

	width:180px; 

}



/************************************************************************************

CONTENT

*************************************************************************************/

#content {

	background:#fff;

	margin:30px 0 30px;

	padding:10px 25px;

	width:480px;

	float:left;

}

#content.no-margin {

	margin:0;

}

#content p,

#content div,

#content span {

}

#content p a:link,

#content p a:visited {

	color:#444;

	text-decoration:none;

}

#content p a:hover {

	color:#d24d47;

	text-decoration:underline;

}

.pagepath {

	display:table;

	width:100%;

	margin-bottom:15px;

}

.pagepath * {

	float:left;

	height:18px;

}

.pagepath .dot { 

	width:22px; 

	background:transparent url('../img/li-arrow.png') no-repeat 2px 2px; 

}



/* post */

.post {

	margin-bottom:40px;

}

#content h1,

h1.title,

h1.title * {

	color:#959478;

	font:normal 30px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;

}

#content h1,

h1.title {

	margin:0;

	padding:0 0 15px;

}

#content.no-margin h1,

#content.no-margin h1.title {

	padding:0;

}

#content h1.red,

h1.red,

h1.red * {

	color:#d24d47;

}

#content h1.orange,

h1.orange,

h1.orange *,

.widget h1.orange * {

	color:#e98100;

}

.post-meta {

	margin:0 0 10px;

}

p.img {

	margin:0;

	padding:0;

}

p.img img {

	width:100%;

	height:auto;

	margin:0 0 15px;

}

.post-image {

	margin:0 0 15px;

}

.quote {

	padding-left:80px;

	background:transparent url(../img/icon_quote.png) no-repeat 2% 2%;

}



.page-show h3,

.lst-row h3 {

	color:#444;

	font:normal 16px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;

}

.page-show h3 *,

.lst-row h3 * {

	color:#444;

}

.page-show h3 a:hover,

.lst-row h3 a:hover {

	color:#d24d47;

}

.lst-row .padding {

	padding-right:15px;

}

.lst-row .video {

	display:inline-block;

	position:absolute;

	background:transparent url(../img/icon_play.png) no-repeat 50% 50%;

	opacity:0.8;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/

	-moz-opacity:0.8; /* Mozilla 1.6 è íèæå */

	-khtml-opacity:0.8; /* Konqueror 3.1, Safari 1.1 */

}

.lst-row .video:hover {

	opacity:1;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/

	-moz-opacity:1; /* Mozilla 1.6 è íèæå */

	-khtml-opacity:1; /* Konqueror 3.1, Safari 1.1 */

}

.lst-row a.row-img {

	display:block;

}



.img-lst-row td {

	vertical-align:middle;

	padding-top:10px;

	padding-bottom:10px;

}

.img-lst-row td.photo_list-vertical {

	vertical-align:top;

}

.img-lst-row h3 {

	margin-top:0;

}

.img-lst-row .video {

	background-image:url(../img/icon_play_small.png);

}



.img-lst-cols-row {

	vertical-align:top;

}

.img-lst-cols-row h3 {

	margin:0;

	padding:10px 20px 10px 0;

	font-size:14px;

}



/************************************************************************************

AUTH FORM

*************************************************************************************/

.authbox {

	position:relative;

	width:100%;

	margin:25px 0;

	border-spacing:10px;

	border-collapse: separate;

}

.authbox .title {

	width:40%;

	text-align:right;

}

.authbox .s {

	width:206px;

	background:#fff;

	border:1px solid #c0bfa3;

	padding:6px 10px;

	margin:0 5px;

	/* border radius */

	-webkit-border-radius:8px;

	-moz-border-radius:8px;

	border-radius:8px;

}

.authbox .button {

	margin:0 5px;

}



/************************************************************************************

SIDEBAR

*************************************************************************************/

#sidebar {

	width:420px;

	float:right;

	margin:30px 0 30px;

}



/************************************************************************************

INDEX PAGE

*************************************************************************************/

.index-row {

	margin:0 230px;

}

/*.index-row #content {

	margin-bottom:0;

}

.index-row .post {

	margin-bottom:0px;

}

.index-row .widget {

	margin-bottom:0px;

}*/

.index-buttonset {

	margin:0;

	padding:0;

}

.index-buttonset li {

	list-style-image: none; 

	list-style-position: outside; 

	list-style-type: none;

}

.index-buttonset li:hover {

	opacity:0.9;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE 5.5+*/

	-moz-opacity:0.9; /* Mozilla 1.6 è íèæå */

	-khtml-opacity:0.9; /* Konqueror 3.1, Safari 1.1 */

}

.index-buttonset li span {

	display:inline-block;

	cursor:pointer;

	vertical-align:middle;

}



/************************************************************************************

OTHER PAGES

*************************************************************************************/

.page-row {

	border-bottom:1px solid #ccc;

	background-color:#fff;

}

.page-row #content {

	width:100%;

	float:none;

	padding:0;

	margin-bottom:30px;

}

.page-row .post {

	margin-bottom:0px;

}

.page-row .widget {

	margin-bottom:0px;

}



/************************************************************************************

TABLE GENERAL

*************************************************************************************/

.table {

	border-spacing:0;

	border-collapse:collapse; 

	width:100%;

}

.table td {

	vertical-align:top;

}

.table td.column-first {

	width:60%;

	padding-right:1.5%;

}

.table td.photo {

	width:auto;

	text-align:right;

}



/************************************************************************************

LOGS

*************************************************************************************/

.logs-list {

	max-height:200px;

	overflow-y:auto;

	margin-bottom:25px;

}

.table-logs tr.passive {

	opacity:0.5;

}

.table-logs tr.passive * {

	color:brown;

}

.table-logs tr.passive:hover {

	opacity:1

}

.table-logs th {

	padding:2px;

	border-bottom:1px solid #ccc;

	text-align:left;

}

.table-logs td {

	padding:2px;

	border-bottom:1px solid #ccc;

}



/************************************************************************************

Candidates list

*************************************************************************************/

.table-candidates td {

	vertical-align:middle;

}

.table-candidates label {

	cursor:pointer;

}

#candidates-list {

	max-height:200px;

	overflow-y:auto;

	margin-bottom:25px;

}



/************************************************************************************

Candidates search autocomplete

*************************************************************************************/

.searchbox {

	position:relative;

}

.searchbox .loading { 

	right:15px;

	top:15px;

}

.searchbox .resultsbox {

	min-height:18px;

}



/************************************************************************************

TABLE INFO FORMS 

*************************************************************************************/

.table-info { 

	width:100%; 

	border-spacing:0;

	border-collapse:collapse; 

	margin-bottom:15px;

}

.table-info td { 

	padding:8px 10px; 

	color:#666;

}

.table-info td.title { 

	width:33%;

	font-size: 1.1em;

	color:#026acb;

}

.table-info td.title-required {

	font-weight:bold;

	color:#d24d47;

}

.frm-input-ui {

	padding:0.4em 0;

	border: 1px solid #d3d3d3;

	border-bottom-right-radius: 4px;

	border-bottom-left-radius: 4px;

	border-top-right-radius: 4px;

	border-top-left-radius: 4px;

	background: #e6e6e6 url("../img/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;

	font-weight: normal;

	color: #555;

	font-size: 1.1em;

	line-height: 1.4;

	text-indent:1em;

}

.frm-text { 

	width:100%; 

}

.frm-text_readonly { 

	border:1px solid transparent; 

	background:none;

}

.frm-textarea { 

	width:90%; 

	height:80px;

	padding:0.4em 1em;

	text-indent:0;

}

.frm-select { 

	padding-right:50px; 

}

.frm-datepicker { 

	cursor:pointer;

}

.ui-datepicker-trigger {

	vertical-align:middle;

	margin-left:5px;

	cursor:pointer;

}

.ui-toolbar {

	padding:10px 5px;

	text-align:center;

}

label.error { 

	float:none; 

	display:block; 

	color:red; 

	padding:3px 35px 3px; 

	background:transparent url(../img/icon_warning_24px.png) no-repeat 5px 0; 

	font-size:13px; 

}

button.export-resume {

	margin-left:50px;

}

button.icon-delete-text {

	margin-left:50px;

}

button.icon-delete-text .ui-button-text {

	color:brown;

}

.w120px {

	width:120px;

}

.grey {

	color:#999;

}









/************************************************************************************

ORDER PAGE

*************************************************************************************/

#search_clients {

	margin-bottom:8px;

}

#add_client,

#delete_client_link {

	float:right;

	margin-left:10px;

}



/************************************************************************************

RESUME PAGE

*************************************************************************************/

#content .content-print h1,

#content .content-print h1.title { 

	font-size:22px;

	font-weight:normal;

}

.content-print h2 { 

	margin:2px 2px 10px 0;

	color:#666;

	font-size:22px;

	font-weight:normal;

}

.content-print h3 { 

	margin:0px 2px 10px 0;

	color:#d24d47;

	font-size:18px;

	font-weight:normal;

}

.content-print .table .column-first {

	width:40%;

}

.content-print .table-info { 

	

}

.content-print .table-info td { 

	padding:2px 2px; 

	font-size:15px;

	vertical-align:top;

	color:#222;

}

.content-print .table-info td.title { 

	width:1%;

	white-space:nowrap;

	color:#222;

}

.content-print .frm-input-ui {

	font-size:1em;

}

hr {

	border-width:0;

	height:1px;

	background:#ccc;

	/*background-image:-webkit-linear-gradient(left, #ccc, #333, #ccc); 

	background-image:-moz-linear-gradient(left, #ccc, #333, #ccc); 

	background-image:-ms-linear-gradient(left, #ccc, #333, #ccc); 

	background-image:-o-linear-gradient(left, #ccc, #333, #ccc); */

}

hr.margin {

	margin:30px 0;

}

hr.marginb {

	margin:0 0 30px 0;

}

.editable {

	border-bottom: 1px dotted #ccc;

	text-decoration: none;

}



/************************************************************************************

FOOTER

*************************************************************************************/

#footer {

	clear:both;

	padding:20px 25px;

	color:#666;

	background-color:#c9c8b5;

	font-size:10px;

}

#footer a {

	color:#666;

	text-decoration:none;

}

#footer a:hover {

	color:#898989;

	text-decoration:underline;

}

#footer-print {

	clear:both;

	padding:15px 10px 0px;

	color:#666;

	font-size:10px;

}



/*

errors and messages 

*/

input.error,

textarea.error { border-color:red; }

label.error { float:none; display:block; color:red; padding:3px 35px 3px; background:transparent url(../img/icon_warning_24px.png) no-repeat 5px 0; font-size:13px; }

div.error { display:block; padding:3px 35px; margin:30px 20px; background:transparent url(../img/icon_warning_24px.png) no-repeat 5px 0; font-size:13px; font-weight:bold; color:#de1414; }

div.message { display:block; padding:3px 35px; margin:30px 0px; background:transparent url(../img/icon_info.png) no-repeat 5px 0; font-size:13px; font-weight:normal; color:#333; }





/************************************************************************************

PHOTO TEMPLATES

*************************************************************************************/

.photo_applicant { width:1200px; height:auto; border:none; }

.photo_applicant_thumb { width:auto; height:100px; border:none; }

.photo_applicant_thumb_tiny { width:40px; height:auto; border:none; }

.photo_applicant_resume { width:200px; height:auto; border:none; }





/************************************************************************************

CLEARFIX

*************************************************************************************/

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

.clearfix { display:inline-block; }

.clearfix { display:block; zoom:1; }

.doclabel {
   margin-top:15px; padding: 5px 12px; border: 1px solid #CCC; border-radius: 5px; background-color: #EEE; font-size: 15px; cursor: pointer;
   /* Style as you please, it will become the visible UI component. */
}

.doclabel:hover {
   background-color: #DDD; color: #000; border: 1px solid #AAA
   /* Style as you please, it will become the visible UI component. */
}
.jobsdelmodal {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 11; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 100px;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.jobsdelmodal-content {
    position: relative;
    background-color: #fefefe;
	border-radius: 15px;
    margin: auto;
    width: 850px;
	height: 650px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}
.jobsdelmodal-header {
	margin: auto;
	text-align: center;
    padding: 25px 0px 0px;
    color: #333;
}
.jobsdelmodal-header h2{
	margin: auto;
	text-align: center;
}

.jobsdelmodal-body {
	padding: 0; 
	color: #949494;
	font-size: 16px;
}

.jobsdelmodal-body ul{
	list-style-type: none;
    padding: 20px 10px 10px 0px;
	display: inline-block;
}

.jobsdelmodal-body a{
	text-decoration: inherit;
	color: inherit;
}

.jobsdelmodal-footer {
    padding: 25px 0px 10px;
    color: #333;
}
.jobsEditclose {
    color: white;
    font-size: 46px;
    font-weight: bold;
	position: absolute;
	z-index: 12;
	top: 40px;
	right: 20%;
	background: none;
	border: none;
}

.jobsEditclose:hover,
.jobsEditclose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
	outline-style: none;
}
.jobEditclose {
    color: white;
    font-size: 46px;
    font-weight: bold;
	position: absolute;
	z-index: 12;
	top: 40px;
	right: 20%;
	background: none;
	border: none;
}

.jobEditclose:hover,
.jobEditclose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
	outline-style: none;
}