/*
 * UZZOR.com - CSS
 * Development copyright: ArtOF.ru web studio
 * http://www.artof.ru
 *
 */

/*########################### CORE CLASSES #######################*/

/*--------------------------> RESET */

body,div,span,h1,h2,h3,pre,a,em,img,strong,b,u,i {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%}
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; margin: 0; padding: 0}


/*--------------------------> BODY */

body,td,th {font-family: Arial; font-size: 12px; color: #333}
html, body {height: 100%; min-height: 100%}

.main_debug {padding: 10px; margin: 10px; background: #FFF; border: 2px solid #C00}
.main_debug a {color: #C00}

.hide	{display: none}
.inline {display: inline}

a	{color: #3399ff; text-decoration: underline}
a:hover	{color: #3350ff; text-decoration: none}
a:focus {outline: none}

.hightlight {background: #e2e2e2}

.red {color: #C00}
.green {color: #060}
.gray {color: #777}

/*--------------------------> STRUCTURE */

body, #common {position: relative; margin: 0 auto; height: 100%}
#common {height: 99%}
#common * td  {height: 99%; text-align: center; vertical-align: middle}

body	{background: #5a7e94 url(http://uzzor.com/uploads/images/design/bg/body_top.png) repeat-x top}

.cTop, .cBody {display: block; position: relative; text-align: left}
.cTop {background: url(http://uzzor.com/uploads/images/design/bg/c_top.png) no-repeat top left; padding-top: 32px; width: 684px; margin-right: 45px}
.cBody {background: url(http://uzzor.com/uploads/images/design/bg/c_bottom.png) no-repeat bottom left; padding: 0 18px 17px 17px}

.cBody .mainArea {display: inline; float: right; width: 425px}
.cBody .mainArea a.logo {display: block; float: right; margin-right: 20px}




/*Общий стиль для внутриконтейнерных таблиц. Он же используется в плагинах, таким образом является универсальным для сайта вцелом*/
table.contenttable{
	background-color:#F1F1F1;
	border-collapse:separate;
	border-spacing:1px;
	border:#999999 solid 1px;

}
.contenttable td, .contenttable th{
	padding:4px;
}
.contenttable th{
	background-color:#F8F8F8;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
}
.contenttable td{
	background-color:#FFFFFF;
	vertical-align:top;
	text-align:left;
}

/*------------ Логические Стили -----------------*/
/*Стили заголовков страниц и меню <span> и <div>*/

.capation_alfa{
	border:#FF9900 2px solid;
	padding:2px;
}

.capation_betta{
	padding:5px;
	background-color:#FFFFCC;
}
td.left_container .capation_betta{
	text-align:left; 
}
td.main_container .capation_betta{
	text-align:center; 
}
td.right_container .capation_betta{
	text-align:right; 
}

.capation_gamma{
	border-left:#0000CC 2px solid; 
	border-right:#0000CC 2px solid; 
	display:inline;
	padding-left: 7px;
	padding-right: 7px;
}
/*Тело Страниц и меню <span> и <div>*/
.mainpart{
	padding:5px;
	border:#009900 1px solid;
}
/*Нумерация страниц <div><a><span>*/

.pages {z-index: 0; padding: 450px 0 0; position: absolute; text-align: right; white-space: nowrap; width: 415px}
.pages .page_active {display: inline; margin: 0 2px; border: #5b7685 1px solid; padding: 2px 4px; background: #99b9ca; font-size: 14px; color: #FFF; font-weight: bold}
.pages a {margin: 0 3px; padding: 3px 5px; color: #333; text-decoration: none; font-size: 14px}
.pages a:hover {border: #5b7685 1px solid; padding: 2px 4px; background: #c5d6df}
.pages a .page_noneactive {display: inline}


div.copyright{
	text-align:center;
	font-size:smaller;
}
div.decorated_links a{
	display:block;
	padding:3px;
	border:#663366 1px dotted;
	margin:1px;
}

a.detailed{
	padding-left: 20px;
	background-color:#00FF99;
}


/*------------ Текстовые Стили -----------------*/
.text_subcapation{	/*Подзаголовок*/
	font-weight:bold;
	color:#666666;
	padding:7px;
}
.text_comment{	/*Текст коментария*/
	color:#999999;
	font-size:10px;
}
.text_star{		/*Звёздочка обязательного поля*/
	font-weight:normal;
	color:#DD0000;
	font-size:13px;
}

h1{font-size:14px;}
h2{font-size:13px;}

/*--------------- Формы ------------------------*/
form{
	margin:0px;
	padding:0px;
	display:inline;
}
.input_text,
.input_file,
.select,
.textarea,
.button,
.button_r{
	border:#333333 1px solid; 
	background-color:#F7F7F7; 
	font-size:11px; 
}

.button{
	background-color:#DDDDDD;
	padding-left:5px;
	padding-right:5px
}
.button_r{
	background-color:#FF3300;
	color:#FFFFFF;
	padding-left:5px;
	padding-right:5px
}
.hide{
	display:none;
}

div.accurate_item{
	margin:3px;
	padding:2px;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
}
div.accurate_item_left{
	float:left;
	padding:3px 5px 3px 5px;
}
div.accurate_item_right{
	text-align:right;
	padding:1px;
}
input.accurate_item_button{
	border:1px solid #CC3300;
	color:#CC3300;
	background-color:#FFFFFF;
	height:15px;
	width:15px;
	font-size:9px;
}

div.accurate_form{
	white-space:nowrap;
	margin:3px;
	padding:2px;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
}
.accurate_button{
	border:#333333 1px solid; 
	font-size:11px; 
	background-color:#DDDDDD;
	padding-left:5px;
	padding-right:5px
}
/*---------- Начало CSS календаря -----------*/

.calendarbutton{
	position: absolute;
	border-width: 0px;
	width: 15px;
	height: 16px;
	background: transparent url("{BASE}core/datepickercontrol/datepickercontrol.png") no-repeat;
}

#CalendarPickerControl{
	background-color:transparent;
	width: 250px;
	height: 200px;
}

#CalendarPickerControl table.calframe{
	width:100%;
	border:1px solid black;
	background-color:white;
	text-align:center;
}

#CalendarPickerControl td.monthname{
	width:100%;
	font:normal 13px Verdana;
	color:white;
	font-weight:bold;
	text-align:center;
	background-color:#800000;
}

#CalendarPickerControl table.navigation{
	width:100%;
	text-align:center;
}

#CalendarPickerControl td.navbutton{
	font:normal 11px Verdana;
	color:#800000;
	font-weight:bold;
	text-align:center;
	background-color:white;
	cursor:pointer;
}

#CalendarPickerControl span.yearbutton{
	cursor:pointer;
}

#CalendarPickerControl span.yearbutton:hover{
	text-decoration:underline;
}

#CalendarPickerControl td.navbutton:hover{
	background-color:#800000;
	color:white;
	text-decoration:underline;
}

#CalendarPickerControl td.dayname{
	font:normal 11px Verdana;
	color:white;
	font-weight:bold;
	text-align:center;
	background-color:#800000;
}

#CalendarPickerControl td.today{
	font:normal 11px Verdana;
	background-color:#CCCCCC;
	color:black;
	text-decoration:none;
	border: 1px solid #800000;
	cursor:pointer;
}

#CalendarPickerControl td.today:hover{
	text-decoration:underline;
}

#CalendarPickerControl td.current{
	font:normal 11px Verdana;
	font-weight:bold;
	background-color:#555555;
	color:white;
	text-decoration:none;
	cursor:pointer;
	border: 1px solid black;
}

#CalendarPickerControl td.current:hover{
	text-decoration:underline;
}


#CalendarPickerControl td.day{
	font:normal 11px Verdana;
	background-color:#CCCCCC;
	color:black;
	text-decoration:none;
	cursor:pointer;
	border: 1px solid transparent;
}

#CalendarPickerControl td.day:hover{
	text-decoration:underline;
	background-color:#ABABAB
}

#CalendarPickerControl td.weekend{
	font:normal 11px Verdana;
	color:black;
	text-decoration:none;
	background-color:#BBBBBB;
	font-style:italic;
	border: 1px solid transparent;
	cursor:pointer;
}

#CalendarPickerControl td.weekend:hover{
	background-color:#999999;
	text-decoration:underline;
}

#CalendarPickerControl td.dayothermonth{
	font:normal 11px Verdana;
	background-color:#F2F2F2;
	color:#AAAAAA;
	border: 1px solid #F2F2F2;
}

#CalendarPickerControl td.weeknumber{
	font:normal 9px Verdana;
	background-color: white;
	color: #AAAAAA;
	border-width: 0px;
}
/*---------- Конец CSS календаря -----------*//*--------------------------> CONTENT */

.mainArea .text {padding: 20px 7px 0}
.mainArea .text h1,
.mainArea .text h2 {font-size: 18px; font-weight: bold}
.mainArea .text h3 {padding: 0; margin: 0; font-size: 14px; font-weight: bold}
.mainArea .text strong {font-weight: normal}

.mainArea .text h1.error {font-size: 22px; background: #C00; color: #FFF; padding: 5px}
.mainArea .text .error {font-size: 12px; color: #c00}

.mainArea .text h1 .sub {font-size: 12px; font-weight: normal}
.mainArea .text .spacer {padding-top: 15px}

.mainArea .text h4 {padding: 0; margin: 0; font-size: 13px; font-weight: bold}

.mainArea .text h1 a {color: #333; text-decoration: none}
.mainArea .text h1 a:hover {color: #00C; text-decoration: underline}

.mainArea .text .about {padding: 10px 0}

/*--------------------------> SITE LINKS */

ul.siteLinks {
	position: absolute;
	z-index: 30;
	margin: 50px 0 0 667px;
	padding: 0;
	float: right;
	width: auto;
	overflow: hidden;
	list-style: none;
	font-size: 14px;
	font-family: Tahoma;
}
ul.siteLinks li {display: block; margin: -37px 0 0; padding: 0; position: relative}

ul.siteLinks li a {
	display: block;
	width: 10px;
	text-decoration: none;
	line-height: 14px;
	text-align: center;
	text-transform: uppercase;
	padding: 31px 28px 30px 7px;
	color: #d3dce1;
}
ul.siteLinks li a:hover {color: #FFF}

ul.siteLinks li.item1 {margin: 0}
ul.siteLinks li.item1 a {background: url(http://uzzor.com/uploads/images/design/bg/link1.png) no-repeat left top}
ul.siteLinks li.item1 a:hover {background: url(http://uzzor.com/uploads/images/design/bg/link1.png) no-repeat left bottom}
ul.siteLinks li.item2 a {background: url(http://uzzor.com/uploads/images/design/bg/link2.png) no-repeat left top}
ul.siteLinks li.item2 a:hover {background: url(http://uzzor.com/uploads/images/design/bg/link2.png) no-repeat left bottom}
ul.siteLinks li.item5 a {background: url(http://uzzor.com/uploads/images/design/bg/link3.png) no-repeat left top}
ul.siteLinks li.item5 a:hover {background: url(http://uzzor.com/uploads/images/design/bg/link3.png) no-repeat left bottom}
ul.siteLinks li.item4 a {background: url(http://uzzor.com/uploads/images/design/bg/link4.png) no-repeat left top}
ul.siteLinks li.item4 a:hover {background: url(http://uzzor.com/uploads/images/design/bg/link4.png) no-repeat left bottom}
ul.siteLinks li.item3 a {background: url(http://uzzor.com/uploads/images/design/bg/link5.png) no-repeat left top}
ul.siteLinks li.item3 a:hover {background: url(http://uzzor.com/uploads/images/design/bg/link5.png) no-repeat left bottom}


<!-- Image manager style -->

div.im_group_bg {width:180px; background:#EEEEEE; border:#cccccc 3px solid; padding:10px;}

span.im_group_element {display:block; padding:3px 0px; color:#000000;}
span.im_group_element a,
span.im_group_element a:active,
span.im_group_element a:visited {color:#0033cc; text-decoration:none;}
span.im_group_element a:hover {color:#0033cc; text-decoration:underline;}

.accurate_button,
.im_button {
	background:url(http://uzzor.com/uploads/images/design/bg_im_button.gif) left repeat-x;
	border-top:#d9d9da 1px solid;
	border-left:#d9d9da 1px solid;
	border-right:#a4a4a6 1px solid;
	border-bottom:#a4a4a6 1px solid;
	font-size:11px;
	font-family:Tahoma, Verdana, Arial;
	padding:3px 5px;
	cursor:pointer;
}
.im_select {
	font-size:11px;
	font-family:Tahoma, Verdana, Arial;
	padding:3px 0px;
}

.im_input_text {
	width:100%;
	border:#b3b9c3 1px solid;
	height:17px;
	font-size:11px;
	font-family:Tahoma, Verdana, Arial;
}/*--------------------------> MENU */

.MenuBlue {
	float: left;
	position: relative;
	width: 220px;
	margin-top: -17px;
	overflow: hidden;
	background: url(http://uzzor.com/uploads/images/design/bg/menu_blue.png) top right no-repeat;
}

.MenuBlue h2,
.MenuBlue strong {font-weight: normal; text-align: right; padding-right: 10px}

.MenuBlue h2 {font-size: 25px; color: #FFF; padding-top: 40px}
.MenuBlue strong {display: block; font-size: 14px; color: #adbcc7}
.MenuBlue .addr {
	padding: 415px 10px 15px;
	color: #FFF;
	text-align: left;
	background: url(http://uzzor.com/uploads/images/design/bg/menu_blue2.png) bottom right no-repeat;
}
.MenuBlue .addr img {vertical-align: middle; margin: 0 1px}
.MenuBlue .addr a {color: #FFF; text-decoration: none}
.MenuBlue .addr a:hover {text-decoration: underline}

.mainArea .clients {padding: 15px 7px 0}
.mainArea .clients h3 {font-size: 14px; padding-bottom: 10px}
.mainArea .clients a {display: block; float: left; width: 130px; height: 30px; margin: 7px 3px; overflow: hidden; cursor: pointer; text-decoration: none}

.mainArea .clients a.unicef {background: url(http://uzzor.com/uploads/images/design/clients_unicef.jpg) top no-repeat}
.mainArea .clients a.unicef:hover {background: url(http://uzzor.com/uploads/images/design/clients_unicef.jpg) bottom no-repeat}

.mainArea .clients a.undp {background: url(http://uzzor.com/uploads/images/design/clients_undp.jpg) top no-repeat}
.mainArea .clients a.undp:hover {background: url(http://uzzor.com/uploads/images/design/clients_undp.jpg) bottom no-repeat}

.mainArea .clients a.tig {background: url(http://uzzor.com/uploads/images/design/clients_tig.jpg) top no-repeat}
.mainArea .clients a.tig:hover {background: url(http://uzzor.com/uploads/images/design/clients_tig.jpg) bottom no-repeat}

.mainArea .clients a.omniteria {background: url(http://uzzor.com/uploads/images/design/clients_omniteria.jpg) top no-repeat}
.mainArea .clients a.omniteria:hover {background: url(http://uzzor.com/uploads/images/design/clients_omniteria.jpg) bottom no-repeat}

.mainArea .clients a.rkc {background: url(http://uzzor.com/uploads/images/design/clients_rkc.jpg) top no-repeat}
.mainArea .clients a.rkc:hover {background: url(http://uzzor.com/uploads/images/design/clients_rkc.jpg) bottom no-repeat}

.mainArea .clients a.artofru {background: url(http://uzzor.com/uploads/images/design/clients_artofru.jpg) top no-repeat}
.mainArea .clients a.artofru:hover {background: url(http://uzzor.com/uploads/images/design/clients_artofru.jpg) bottom no-repeat}

.designfolio {padding-left: 20px}
.designfolio a.folder {
	display: block;
	float: left;
	width: 110px;
	height: 46px;
	padding: 24px 10px 0;
	margin: 0 20px 0;
	overflow: hidden;
	background: url(http://uzzor.com/uploads/images/design/ico/folder.png) no-repeat top;
	text-decoration: none;
	font-size: 14px;
	color: #555;
}
.designfolio a.folder:hover {color: #C00}
/*--------------------------> PHOTO GALLERY */

.mainArea .folio {width: 420px; padding-top: 10px; position: absolute; z-index: 30}
.mainArea .folio.topnone {padding: 0}
.mainArea .folio .item {padding: 5px; color: #666}
.mainArea .folio .item a.folder {
	display: block;
	float: left;
	width: 110px;
	height: 46px;
	padding: 24px 10px 0;
	margin: 0 10px 0 0;
	overflow: hidden;
	background: url(http://uzzor.com/uploads/images/design/ico/folder.png) no-repeat top;
	text-decoration: none;
	font-size: 14px;
	color: #555;
}
.mainArea .folio .item a.folder:hover {color: #C00}

.mainArea .folio a.photo img {margin: 3px 2px; padding: 3px; border: #DDD 1px solid; background: url(/uploads/lightbox/images/lightbox-ico-loading.gif) no-repeat center}
.mainArea .folio a.photo:hover img {border: #333 1px solid}

#jquery-overlay {z-index: 99}
#lightbox-image-details-caption {font-size: 14px !important; font-weight: bold !important}
#lightbox-image-details-currentNumber {color: #999 !important}