html { height: 100%; }
body { font-size: 12px; line-height: 15px; width: 100%; height: 100%; }
.input-append input { margin-bottom: 0px;}
strong { font-weight: bold; }
em { font-style: italic; }
p { margin: 0 0 18px; }
img { border: none; }
input { vertical-align: middle; }
#wrapper { width: 1000px; margin: 0 auto; min-height: 100%;  height: auto !important; height: 100%; }
#error-wrapper { width: 1000px; margin: 0 auto; }
fieldset {width: 100%; border-bottom: 1px dotted #D4D3D3;}
.help-block, .help-inline {color: #999; } 
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors {padding-left: 10px; color: Red; line-height: 20px; margin: 5px; border: 1px solid #ff0000; background-color: #ffeeee; }
input.inverse, a.inverse { text-decoration: underline; }
input.inverse:hover, a.inverse:hover { text-decoration: none;}
input.clear-input {border: none; padding: 0px; margin:0px; background-color: inherit; box-shadow: none;}
.gray-gradient { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#e5e5e5'); background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#e5e5e5)); background: -moz-linear-gradient(top, #F5F5F5, #e5e5e5); background: -o-linear-gradient(top, #F5F5F5, #e5e5e5);}
/* Header
-----------------------------------------------------------------------------*/
#header { height: 140px; background: #e5e5e5 url(../images/header_background.jpg) top right no-repeat; border-bottom: 2px solid #333399;}
#header h1 { height: 106px; }
#top_menu { position:relative; height: 35px; font-family: Impact, Arial; letter-spacing: 1px; font-size: 16px; }
#top_menu ul { list-style-type: none; text-align: center; margin: 0 auto; width: 880px; }
#top_menu ul li { float:left; display: block; text-transform: uppercase; color: #333399;height: 35px; overflow:hidden;}
#top_menu a { display: block; color: #333399; height: 35px; text-decoration:none; padding-top: 8px; }
#top_menu a:hover { background-color: #333399; color: #fff;}
#top_menu span {display:block; height: 35px; padding-top: 8px; }
#top_menu li.selected a { background-color: #333399; color: #fff; } 

#home_link { width: 93px; }
#graduates_link { width: 136px; }
#employers_link { width: 149px;}
#placement_link { width: 159px; }
#forum_link {width: 84px; }
#albums_link { width: 140px; }
#contacts_link { width: 105px; }
/* Middle
-----------------------------------------------------------------------------*/
#middle { width: 100%; padding: 0 0 51px; height: 1%; margin-top: 20px; margin-bottom: 10px; position: relative; }
#middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; }
#container { width: 100%; float: left; }
#content { padding: 0 220px 0 220px; position:relative; }
#error-content { padding: 0 0px 0 220px; position:relative; }
.page {padding: 5px;}
.page-inner {margin-top: 10px;}
section h1 { text-transform: uppercase; color: #333399; line-height: 28px; font-size: 12px;  font-weight:bold; }
section h1 a { color: #333399; text-decoration: none;}
section h1 a:hover { color: #333399;}
.text { text-align: justify; line-height: 16px; }
.register { margin-left: 30px; }
.required { color: Red; }

/* Sidebar Left
-----------------------------------------------------------------------------*/
#side_left { float: left; width: 200px; margin-left: -100%; position: relative; overflow: hidden;}
.login_block { position: relative; }
.login_block .txt_login_block {width: 170px; height: 15px; margin: 3px 0px; padding-left: 5px; color:#999;}
.login_block .checkbox {vertical-align: middle; display: block;}
.login_block .checkbox label { margin-top: 7px; vertical-align: middle;}

.login_block .label_login_block { font-size: 13px; }
.login_block a {color:black;}
.login_block .login_submit {float: left; }
.login_block .links {margin-left: 80px; vertical-align: middle; }
/* Sidebar Right
-----------------------------------------------------------------------------*/
#side_right { float: left; margin-right: -3px; width: 180px; margin-left: -180px;  position: relative;  overflow: hidden;}
/* Footer
-----------------------------------------------------------------------------*/
#pre_footer { width: 1000px; position:relative;  margin: -51px auto 0; overflow: auto;}
#footer { width: 1000px; background: #e5e5e5; margin: 0 auto; position: relative; overflow:auto; border-radius: 4px 4px 0px 0px; -webkit-radius: 4px 4px 0px 0px; -moz-radius: 4px 4px 0px 0px; -o-radius: 4px 4px 0px 0px;}
#bottom_menu { text-align: center; color: #333399; margin-top:10px;  }
#bottom_menu a { color: #333399; text-decoration: none; }
#bottom_menu a:hover { text-decoration: underline; }
#copyright { font-size:11px; margin: 8px 0px 15px 15px; }
#copyright a { color: #cc6600;}
.input_message {  font-size: .7em; white-space: nowrap; height: 12px;  display: block; }
.main_content { vertical-align:top; padding-top: 20px; padding-left: 5px; }
#my_page { width:1000px;}
#left_content {float:left; width: 190px;}
#right_content { float: right; width: 190px;}
#main_content { position:relative; padding: 8px 10px 0 10px; width: 600px; left: 10px; text-align: left; }
.boxed { margin: 0 0 20px 0; }
.boxed .title  {  height: 22px; width: 198px;  margin: 0px; padding: 0px; background: url(../images/HomePage/alumni_13.jpg) no-repeat; color: white;  font-size: 80%;  padding: 5px 2px 2px 10px;}
.boxed .content { width: 190px; padding: 5px; border: 1px solid #97C984;  background-color: #DADADA;}
.boxed h2 { margin: 0;}
.boxed p, .boxed ul, .boxed ol { margin: 0; padding: 0;  list-style: none; line-height: normal;}
.boxed ul {}
.boxed ul li { padding: 8px 0 8px 10px;  background: url(../images/centerstage/img04.gif) no-repeat 0px 13px;}
.boxed ul li.first { border: none;}

/* Box
**********************************************************************/
.box { background-color:#E5E5E5; }
.box .box-inner { border: 1px solid #e1e1e1; background-color: #f5f5f5; padding: 5px; margin-bottom: 5px; clear: both; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.box .list_options input { margin: 0px 0px 3px; }
.box label { display: inline; margin: 5px 0px 0px 5px;}
.box ul { list-style-type: none; margin-left: 0px;}
.box li { margin: 5px;}
.box h1 {  background: url(../images/box_cap.jpg) no-repeat; color:#FEFEFF; padding-left:10px;  text-align:left; height:28px; line-height: 28px; font-size:12px; }
.box .box_image { padding-top:8px; text-align: center; }
.box .box_data { text-align:left; padding: 5px 5px 5px 10px; }
.box .box-link-container {text-align:right;  padding-bottom:7px;}
.box .box-link-container input, .box .box-link-container a {color: #CF771D; font-size: 11px; cursor:pointer;}
.box .clear-input { background-color: #F5F5F5; }
/* Message
**********************************************************************/
.page_menu ul { text-align:left; list-style-type: none; margin:30px 0px 0px; width:99%; }
.page_menu ul li { padding: 6px; border-bottom:1px solid #fff; background-color:#E5E5E5; border-radius: 4px 4px 4px 4px; -webkit-radius: 4px 4px 4px 4px; -moz-radius: 4px 4px 4px 4px; -o-radius: 4px 4px 4px 4px;}
.page_menu a { display: block; color:#676767; font-weight:bold; font-size:11px; text-transform:uppercase; text-decoration:none;}
.page_menu a:hover { color:#333399; }
hr.line { background:#FAA74B; border-top:1px solid #FAA74B; color:#FAA74B; font-size: 1px; height:2px; _height: 2px; margin:0px; }

/* Почетные выпускники*/
.hongraduate_name { color:#666666; font-weight:bold;  text-align: center; }
.hongraduate_description { color:#676767; text-align:left; }
.hongraduate { position:relative; overflow: hidden; }
.hongraduate_image { float:left; padding: 10px; }
.fio_hongraduate { font-weight:bold; }
.hongraduate_content { text-align:justify; margin-top:10px; }
/*Относится к главной странице*/
.txtboxes { width: 90%;  height: 15px; }
#vote_link { border: 0px; background: none; text-decoration: underline; cursor: pointer; font-size:11px; }
.graph { padding-right:5px; }
.right_elem_button { text-align:right; padding-right:5px; padding-bottom:5px; font-size:11px; }
.total { text-align:center; padding-bottom:5px; color:#666666; font-weight:bold; }

/*Список постов*/
.post { position:relative; margin: 15px 0px; }
.post_date { color: #666666; font-size:10px; }
.post_abstract { font-size:12px; color:#414141; }
.post_image { float:left; padding-right: 10px; }
.post_image a { text-decoration: none; }
.post_data { float:left; padding-left: 10px;}
.post_link { display: block; position:absolute; right: 0px; bottom: -17px; font-size:10px; color:#CB6802}
.post_arrow { font-size: 11px; }
.vacancies_title, .post_title {	text-align:left; font-size:12px; color:#343399;	border-bottom: 2px #FAA749; font-weight:bold; }

/*Стили админки*/
.admin_menu { list-style-type:none; font-size: 13px; border: 1px dashed #D4D3D3; padding: 10px 20px 10px 20px; width: 150px;}
.admin_menu li { display: block; padding: 2px; } 
.admin_menu a { display: block; }
.admin_menu li:hover { background-color: #D4D3D3; }
.admin_items_list { width: 100%; margin: 0px; margin: 5px;  border: 1px solid #E1E1E1; border-collapse: collapse; text-align:center; }
.admin_items_list th { font-weight: bold; padding: 5px; background-color: #D4D3D3; }
.admin_items_list td { padding: 5px; }
.admin_items_list tr:hover { background-color: #D4D3D3; }

/* Manage Polls */
.option, .speciality { list-style:none; }
.edit_button, .speciality .edit_speciality_button, .speciality .delete_speciality_button,
 .delete_button, .option .edit_option_button, .option .delete_option_button { background: transparent none no-repeat scroll 0 0; border: 0 none; display: inline-block;  height: 16px; padding: 0; text-indent: -2000em;  vertical-align: middle;  width: 16px; }
.edit_button, .option .edit_option_button, .speciality .edit_speciality_button { background-image: url(/Content/images/EditSymbol.png); }
.delete_button, .option .delete_option_button, .speciality .delete_speciality_button { background-image: url(/Content/images/DeleteSymbol.png); }

/*Фотогалерея*/
.galleries_list {position:relative;}
.gallery {position:relative; float:left; margin:10px 20px 10px 10px; width:150px; height: 150px; }
.gallery a { font-size:12px; color:#339; text-decoration: underline;}
.gallery_name {position: absolute; width: 150px; bottom: 20px; text-align: center; z-index: 99;}
.photos_list {position:relative; margin-top: 10px; }
.gallery_photo { text-align: center; width:160px; height: 150px;}
.gallery_photo h1 { margin: 5px; text-transform:lowercase; }
#gallery_preview_image_1 { position: absolute; z-index: 2; margin-top: 10px; margin-left: -10px;}
#gallery_preview_image_2 { position: relative; z-index: 1; margin: 0px auto;}
.gallery_previews {position: relative; padding-left: 30px;}

/*Pagination*/
.pager {margin:8px 3px;  padding:3px;}
.pager .disabled {border:1px solid #ddd;color:#999;margin-top:4px;padding:3px;text-align:center;}
.pager .current {background-color:#339;  border:1px solid #000;color:#fff;font-weight:bold;margin-top:4px;padding:3px 5px;text-align:center;}
.pager span, .pager a {  margin: 4px 3px;}
.pager a {border:1px solid #000; padding:3px 5px;text-align:center;text-decoration:none;}

/*Form*/
div.form .ctrl-list label { display: inline-block; margin-left: 5px; margin-bottom: 0px; padding-top:5px; }
div.form .ctrl-list input { margin: 0px 0px 3px; }
div.form .list input { width: auto; }
div.form .list label { display:inline; margin-left: 10px; }
div.form .control-label { font-weight:bold; text-align: left; }
.form-horizontal .control-group { margin-bottom: 10px;}
div.form .not-stretch { width: auto;}
div.form-stretch input, div.form-stretch textarea {width: 98%;}
div.form-stretch select {width: 101%;}
div.form .row {	margin: 5px 0; }
div.form legend small { color: #333399;}
div.form .hint { margin: 0;	padding: 0;	color: #999; }
div.form .note { font-style: italic; }
div.form span.required { color: red; }
div.form table { width: 100%; }
div.form div.error label:first-child, div.form label.error, div.form span.error { color: #EE8006; }
div.form div.error input, div.form div.error textarea, div.form div.error select, div.form input.error, div.form textarea.error, div.form select.error { border-color: #FAA74B; color: #000; }
div.form div.success input, div.form div.success textarea, div.form div.success select, div.form input.success, div.form textarea.success, div.form select.success { background: #E6EFC2; border-color: #C6D880; }
div.form .errorSummary { display:block; border: 2px solid #FAA74B; padding: 7px 7px 12px 7px;	margin: 5px 0 20px 0;	background: #FEEFDE; font-size: 0.9em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px}
.errorMessage { color: red; font-size: 0.9em; }
div.form .errorSummary p { margin: 0; padding: 5px; }
div.form .errorSummary ul {	margin: 0; padding: 0 0 0 20px;}
/**/

/*Accordion*/

div.fieldset-accordion .fieldset-container { background-color: #F5F5F5; margin-bottom:2px; }
div.fieldset-accordion .control-group:hover { background-color: #F5F5F5; }
div.fieldset-accordion legend small { font-size: 12px; }
div.fieldset-accordion .accordion-item fieldset { border-bottom: 0px; }
div.fieldset-accordion .accordion-item legend {margin-bottom: 0px; height:32px; line-height:30px;  background: #F5F5F5; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
div.fieldset-accordion .accordion-item legend:hover {cursor: pointer; }
div.fieldset-accordion fieldset .controls-container { background-color:#fff; margin: 0px 15px; padding: 10px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
div.fieldset-accordion .active  {border: 1px solid #D9D7D7; }
div.fieldset-accordion .active legend { background: #F5F5F5; }

/*MarkedList*/
.marked-list-item { display: block; }
.marked-list-item .noted-markbox input { width: auto; }
.marked-list-item label { display:inline; margin-left: 10px; }
.marked-list-item .marked-note-container { margin-top: 10px; }
.marked-list-item .marked-note-container input { width: auto; }

.search-block {}
.search-block .control-group { float:left; margin: 0px 0px 0px 10px;}
.search-block .faculties-block select { width: 230px;}
.search-block .specialities-block select { width: 300px;}
.search-block .from-year-block select { width: 145px;}
.search-block .to-year-block select { width: 145px;}
.search-block .input-append { margin: 23px 0px 0px 0px;}