/*	CSS-Framework

	Version		: 0.2
	File name	: cssf-base.css
	Description	: Styles for webdewelopers
	Author		: Aleksej Romanovskij (http://css-framework.ru)
	
------------------------------ */

/* Utilites
------------------------------ */
* { margin: 0; padding: 0; }
/* .img-repl { text-indent: -9999px; overflow: hidden; display: block; } */
*:focus { outline: none; }
.hidden { display: none!important; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-back { background: none!important; }
.no-border { border-style: none!important; }
.container { overflow: hidden; }
.float_left{float:left;}
.cursor_pointer{cursor:pointer;}
.clear_both{clear:both;}
.color_666{color:#666666;}
.color_999{color:#999999;}
.font_weight_bold{font-weight:bold;}
.padding_top_15{padding-top:15px;}
.margin_top_10{padding-top:10px;}
.color_2e5879{color:#2e5879;}
.height_30{height:30px;}
#margin_top_0{margin-top:0px;}
.margin_1{margin:1px;}
.width_height_20{width:20px !important; height:20px !important;}
.color_red{color:red;}
.margin_left_100{margin-left:100px;}
/* Text align & Float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }


/* Main custom rules
------------------------------ */
html {background: #e5e5e5; font: normal 11px Arial, Helvetica, sans-serif;}
body { }

a {color: #2e5879; text-decoration:underline;}
a:visited {  }
a:hover { text-decoration:none;  }
a:active {  }

/* Demo Template
------------------------------ */

#site {width: 950px; position:absolute; left: 50%; top:20px; margin-left: -475px;}
#header{height:30px; width:730px;}

/*#col-left { float: left; width: 2%; }
#col-right { float: right; width: 2%; }
#content { width: 98%; float: right; }
#footer { clear: both; padding-top: 1em; border-top: 2px solid #ccc; }*/

/*Logo part
------------------------------ */
#logo_part{width:950px;}
#logo{width:730px; height:410px; float:left;}
#logo_inside{width:730px; float:left;}
#logo_inside .logo_inside_img{border-right:1px solid #ccccff;}
.search_panel{width:220px; float:left; height:410px;}
.search_panel_inside{position:absolute; left:730px; top:30px;}

.search_panel #search_back{background:#535353 url(../img/search_panel.gif) no-repeat top; width:220px; height:240px;}
.search_panel #search_back .search_for_jobs{padding-top:20px; padding-left:20px; font-size:16px; color:#fff;}
.search_panel #search_back .search_select{margin-top:4px; width:178px; margin-left:20px;}
.search_panel #search_back .search_select a{text-decoration:underline; color:White;}
.search_panel #search_back .search_select a:hover{text-decoration:none; color:White;}
.search_panel #search_back .search_select select{width:178px; margin-top:8px;}
.search_panel #search_back .search_select input{width:140px;}

.search_panel #search_river_side{width:170px; height:170px; background-color:White;}
.padding_top_bottom_2_white{padding:2px 0px 2px 0px; color:White;}

/*Bottom part
------------------------------ */
#bottom_part{background:white url(../img/bottom_background.gif) no-repeat bottom; width:840px; margin-left:60px;}
#bottom_part_footer_bg{background:white url(../img/bottom_background_other.gif) no-repeat bottom; width:840px; margin-left:60px;}
#bottom_part_inside{margin-left:60px; width:840px; background:white url(../img/bottom_background_inside.gif) repeat-y bottom; min-height:310px; height:auto !important; height:310px;}

.page_header{border-bottom:1px solid #ccccff; margin:0px 200px 0px 30px; padding:18px 0px 6px 0px; font-family:Lucida Grande, Sans-Serif; font-size:20px; color:#2e5879;}
#bottom_part_inside .main_div{margin-left:30px; margin-right:200px; margin-top:20px;}
#bottom_part_inside .main_div .caption{font-weight:bold; font-size:14px; text-transform:uppercase;}
#bottom_part_inside .main_div .main_div_text{margin-top:30px;}
#bottom_part_inside .main_div .main_div_text .header{color:#333366; font-weight:bold; font-size:12px;}
#bottom_part_inside .main_div .main_div_text .date{color:#999999;}
#bottom_part_inside .main_div .main_div_text .cost{font-weight:bold;}
#bottom_part_inside .main_div .main_div_text .read_more{float:right;}


.top_link{margin-left:30px; margin-right:200px; border-top:1px solid #ccccff; border-bottom:1px solid #ccccff; padding:2px 0px; text-align:right;}
.top_link a{text-decoration:none;}

/*#bottom_part_inside{margin-left:60px; background:white; background:white url(../img/bottom_background_inside.gif) no-repeat bottom; width:840px;}*/

#bottom_part .caption{font-size:22px; margin-left:26px; padding-top:25px; padding-bottom:25px; width:780px; border-bottom:1px solid #ccccff;}
#bottom_part .jobs{width:780px; margin-left:26px; margin-top:25px; font-size:16px;}
#bottom_part .jobs span{color:#285373;}
#bottom_part .bottom_tabs{margin-left:26px; margin-top:15px;} 
#bottom_part .bottom_tabs div{width:180px; float:left; height:100px; padding:10px 15px 7px 10px; border-right:1px solid #e5e5ff; line-height:125%;} 
#bottom_part .bottom_tabs div b{color:#2e5879; font-size:12px;} 
#bottom_part .bottom_tabs div p{margin:0px; text-align:right;}  
#bottom_part .bottom_tabs div p a{color:#285373;}
#bottom_part .bottom_tabs .first_tab{padding-left:0px;} 
#bottom_part .bottom_tabs .last_tab{width:155px; border-right-style:none;} 
#footer{width:810px; margin-left:60px; text-align:right; color:#999999; padding-top:10px; text-transform:uppercase; font-size:9px;}
#footer a{text-decoration:none; color:#999999;}
#footer a:hover{text-decoration:underline; color:#999999;}

/* Horizontal Menu
------------------------------ */

#menu-h {overflow: hidden;}
#menu-h li {float: left; list-style: none; padding:8px 0px 8px 0px; background-color:#2e5879;}
#menu-h li a{color:#cccccc; border-right:1px solid #ccc; padding:0px 15px 0px 15px; text-decoration:none;}

#menu-h #last_menu_item{background:#2e5879 url(../img/last_menu_item.gif) no-repeat right top; border-right-style:none; padding:8px 0px 8px 0px; margin:0px;} 
#menu-h #last_menu_item a{border-right-style:none; padding:0px 15px 0px 15px;}
#menu-h #last_menu_item_active{background:#e5e5e5 url(../img/last_menu_item_active.gif) no-repeat right top; border-right-style:none; padding:8px 0px 8px 0px; margin:0px 0px 0px -1px;} 
#menu-h #last_menu_item_active a{color:#2e5879; padding:0px 15px 0px 15px; border-right-style:none; border-left:1px solid white;}

#menu-h .active_menu{background-color:White; padding-right:1px; margin-left:-1px; border-right:1px solid white;} 
#menu-h .active_menu a{color:#2e5879; border-right-style:none;}

.passive_menu{background-color:#2e5879;}
/*.menu_tab{background:#fff url(../img/back_menu.gif) repeat-x center top; height:14px; padding:8px 0px;}*/

/* Horizontal Drop Down Menu
------------------------------ */

.menu-h-d { min-height: 26px; }
.menu-h-d li { float: left; background-color:#8c8b8b; padding:0px; height:26px; display: block; position: relative; border-top: 1px solid #fff; border-width: 1px 1px 1px 0px; list-style: none; width:210px;}
.menu-h-d a {text-decoration: none; padding-left:15px; display: block; text-transform:uppercase; font-weight:bold; color:#2e5879;}

.menu-h-d li a {padding:6px 0px; padding-left:15px; color:White;}
.menu-h-d li a:hover{color:#2e5879; background:white; padding:6px 0px; padding-left:15px;}

.menu-h-d ul { display: block; position: absolute; top: 22px; left: -1px; width: 210px; border: 0; border-bottom: 1px solid #ccc; }
.menu-h-d ul ul { left: 100%; top: -1px; }

.menu-h-d li li { float: none; border-width: 1px 1px 0px 1px; }

#divSubMenuAboutUs{position: absolute; left: 60px; top: 8px; z-index:1001;}
#divSubMenuOurBusiness{position: absolute; left: 144px; top: 8px; z-index:1001;}
#divSubMenuRegister{position: absolute; left: 358px; top: 8px; z-index:1001;}



/*.menu-h-d li:hover { background: #fff; color:#2e5879;}
.menu-h-d a:hover {color: #2e5879; background-color: #fff; }
.menu-h-d a.active { color: #000; }

.menu-h-d li:hover ul ul,
.menu-h-d li:hover ul li:hover ul ul { display: none; }

.menu-h-d li:hover ul,
.menu-h-d li:hover ul li:hover ul,
.menu-h-d li:hover ul li:hover ul li:hover ul { display: block; }*/


/*.menu-h-d li {padding:0px; height:26px;}
.menu-h-d li a {padding:6px 0px; padding-left:15px;}
.menu-h-d li a:hover {background:white; padding:6px 0px; padding-left:15px;}*/



/* Vertical Menu
------------------------------ */

.menu-v a, .menu-h a { text-decoration: none; display: block; }
.menu-v a:hover, .menu-h a:hover { text-decoration: underline; }

.menu-v { border-top: 1px solid #ccc; }
.menu-v li { padding: 2px 0; list-style: none; border-bottom: 1px solid #ccc; }
.menu-v li ul { padding-left: 1em; margin-top: 2px; }
.menu-v li li { border: none; border-top: 1px solid #ccc; }

/* Vertical Drop Down Menu
------------------------------ */

.menu-v-d { border-top: 1px solid #ccc; }
.menu-v-d li { padding: 2px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none; }
.menu-v-d li a { display: block; position: relative; text-decoration: none; padding-left: 10px; }

.menu-v-d li:hover { background: #ccc; }
.menu-v-d a:hover { color: #fff; background-color: #ccc; }
.menu-v-d a.active { color: #000; }

.menu-v-d li ul { display: none; position: absolute; top: -1px; border-top: 1px solid #ccc; left: 100%; width: 100%; background: #fff; }
.menu-v-d li ul li { background: #fff; }

.menu-v-d li:hover ul ul,
.menu-v-d li:hover ul li:hover ul ul { display: none; }

.menu-v-d li:hover ul,
.menu-v-d li:hover ul li:hover ul,
.menu-v-d li:hover ul li:hover ul li:hover ul { display: block; }

.menu-v-d ul ul { left: 100%; }

/* Content elements
------------------------------ */

.content h1, .content h2, .content h3, .content h4 { font: 1.7em Verdana, Arial, Helvetica, sans-serif; margin-bottom: .5em; }
.content h2 { font-size: 1.5em; }
.content h3 { font-size: 1.3em; }
.content h4 { font-size: 1.1em; font-weight: bold; }

blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }

.content ul { margin-left: 2em; line-height: 1.3em; }
.content ul li { margin-bottom: .2em; }

.content ol { margin-left: 3em; line-height: 1.3em; }
.content ol li { margin-bottom: .2em; }

pre, code { font: 1.2em/1.8 "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 1em; background: #eee; }
code { padding: .2em .5em; }

p { text-align: justify; }

.icons a, .icon { padding-left: 20px; }

.content p, .content ul, .content ol, blockquote, pre, .columns { margin-bottom: 1em; }

/* Text Float
------------------------------ */
.f-left { float: left; }
.f-right { float: right; }

/*	Tables
------------------------------ */

.gridcontent table { width: 100%; }
.gridcontent table th, .gridcontent table td { border: 1px solid #ccc; border-collapse: collapse; padding: 2px 3px; }
.gridcontent table th { background: #ddd; text-align: left; }
.gridcontent table td {  }

/*	Columns
------------------------------ */

.columns { width: 100%; overflow: hidden; text-align: justify; }
.w-50, .w-25, .w-33, .w-38, .w-66, .w-75, .w-62 { float: left; overflow: hidden; }

.col-content { padding: 0 6px; }
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.w-5 { width: 5%; }
.w-7 { width: 7%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

.w-33 { width: 33%; }
.w-66 { width: 66%; }

.w-38 { width: 38%; }
.w-62 { width: 62%; }
.h-130px{height:130px;}



/* Images
------------------------------ */

/* .content img { padding: 5px; border: 1px solid #ccc!important; margin-top: .4em; } 
.content img.null-image { padding: 0!important; border: none!important; margin: 0!important; }
img.f-left { margin-right: 1em; }
img.f-right { margin-left: 1em; }
*/

/* Content Form
------------------------------ */

fieldset { margin-bottom: 1em; border: none; }

.content form { padding: .5em 0; }
.content fieldset { margin-bottom: 1em; border: none; }
.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.content .f-row { overflow: hidden; margin-bottom: .5em; }
.content label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }
.content .f-inputs { padding-right: 10%; }

.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }

/* Inputs
------------------------------ */
select{border:1px solid #7f9db9; height:20px;}
input{vertical-align: middle; padding:0 2px 0px 1px; height:18px; border:1px solid #7f9db9;}
.i-checkbox { margin-top: 3px; }
.i-text { width: 200px; padding: 0 1px; font: 1em sans-serif; }
/*.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }*/

/*start gallery*/
.gallery{width:610px; margin-top:25px;}
.gallery a{color:#999; text-decoration:none;}
.gallery a:hover{text-decoration:underline;}

.gallery_1_4, .gallery_2_5{float:left; margin-right:20px; width:190px; height:150px; background:#e5e5e5;} 
.gallery_1_4 img, .gallery_2_5 img, .gallery_3_6 img{padding:10px 10px 10px 10px;}
.gallery_1_4 .links_resolution, .gallery_2_5 .links_resolution, .gallery_3_6 .links_resolution{margin:0px 10px;}
.gallery_3_6{float:left; width:190px; height:150px; background:#e5e5e5;}

/*end gallery*/
/*start register*/
#register{margin:0px 200px 0px 30px;}
#register .field{margin-top:10px;}
#register .field span{color:Red;}
#register .field select{width:328px;}
#register .field select, #register .field input{color:#6f6f6f;} 
#register .field .checkbox{margin-top:5px; float:left;}
#register .field .checkbox input{border-style:none;}

#register .field .checkboxlist{font-size:14px; color:#2E5879;}
#register .field .checkboxlist input{margin-right:5px; margin-bottom:4px; border-style:none;}
#register .name{float:left; font-size:14px; color:#2E5879; width:30%; text-align:right; padding-right:10px; margin-top:3px;}
.errorBlock{background-image: url(../img/alert_message.gif); background-repeat: no-repeat; background-position: 15px center; background-color:#fcebeb; padding-left:75px; padding-top:7px; padding-bottom:9px; line-height:145%; min-height: 42px; height:auto !important; height: 42px; vertical-align: bottom; color: #5b5b5b; font-size:13px; margin-bottom:2px; border:1px solid #ca0000; }
.infoBlock{background-image: url(../img/infoBlock.gif); background-repeat: no-repeat; background-position: 15px center; background-color:#ddeefe; padding-left:75px; padding-top:7px; padding-bottom:9px; line-height:145%; min-height: 42px; height:auto !important; height: 42px; vertical-align: bottom; color: #044078; font-size:13px; margin-bottom:2px; border:1px solid #1475d0; }
#register .field .textbox{width:323px;}
/*end register*/
/*start submit button*/
.submit{width:90px; height:25px; cursor:pointer; padding:0px; margin:0px; float:left;}
.submit a{border: none; background: url(../img/submit.gif) no-repeat center top; width: 90px; height: 25px; font-size: 13px; font-weight: bold; color: #2e5879; cursor: pointer; text-align: center; display:block; text-decoration:none;}
.submit a:hover{background: url(../img/submit.gif) no-repeat center bottom; text-decoration:none;}
/*end submit button*/
/*start login*/
.login_header{color:#2E5879; font-family:Lucida Grande,Sans-Serif; font-size:20px;}
.login_header_f_p{font-size:14px;}
.login_margin_0{margin:0px 200px 0px 0px !important; width:100%;}
.login_button{background: url(../img/login.gif) no-repeat center top;}
.login_button:hover{background: url(../img/login.gif) no-repeat center bottom;}	

/*end login*/
/*Start. CSS for Safari*/
/*start top menu*/
html[xmlns*=""] body:last-child #divSubMenuAboutUs{top: 8px; left: 57px;}
html[xmlns*=""] body:last-child #divSubMenuOurBusiness{left: 137px; top: 8px;}
html[xmlns*=""] body:last-child #divSubMenuRegister{left: 353px; top: 8px;}

html[xmlns*=""] body:last-child #menu-h li {padding:9px 0px 9px 0px;}
html[xmlns*=""] body:last-child #menu-h #last_menu_item{padding:9px 0px 9px 0px;}
html[xmlns*=""] body:last-child #menu-h #last_menu_item a{padding:0px 18px 0px 18px;}
html[xmlns*=""] body:last-child #menu-h #last_menu_item_active a{padding:0px 18px 0px 18px;}
html[xmlns*=""] body:last-child #menu-h #last_menu_item_active{padding:9px 0px 9px 0px;} 
html[xmlns*=""] body:last-child #menu-h .active_menu{border-right:2px solid white;} 

html[xmlns*=""] body:last-child .menu-h-d li a {padding:7px 0px; padding-left:15px; color:White;}
html[xmlns*=""] body:last-child .menu-h-d li a:hover{color:#2e5879; background:white;}

html[xmlns*=""] body:last-child .menu-h-d li{width:220px;}
html[xmlns*=""] body:last-child .menu-h-d ul{width:220px;}
html[xmlns*=""] body:last-child #menu-h li a{padding:0px 11px 0px 12px;}
/*end top menu*/
html[xmlns*=""] body:last-child #register .field select{width:355px;}
/*End. CSS for Safari*/