/*
  The original xand Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	margin: 0;
	background-color: #656565;
	background-image: url('http://www.rabotaplus.com.ua/forum/templates/xand/images/backs.gif');
	background-repeat: repeat-x;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #F7F7F7; border: 10px #FFFFFF solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #F5F5F5; border: 0px #006699 solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #FFFFFF; }
td.row2	{ background-color: #FFFFFF; }
td.row3	{ background-color: #FFFFFF; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFFFFF;
		background-image: url('http://www.rabotaplus.com.ua/forum/templates/xand/images/cellpic2.jpg');
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFFFFF; font-size: 12px; font-weight : bold;
	background-color: #444444; height: 34px;
	background-image: url('http://www.rabotaplus.com.ua/forum/templates/xand/images/cellpic3.gif');
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url('http://www.rabotaplus.com.ua/forum/templates/xand/images/cellpic1.gif');
			background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 24px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 24px;
}
td.row3Right,td.spaceRow {
	background-color: #a6a6a6; border: #FFFFFF; border-style: solid;
}

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 0px 0px 0px; }
th.thTop	 { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; line-height : 120%; color : #000000;
}

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 11px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #444444; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #FF6C00; text-decoration: bold; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #444444 }
a.mainmenu		{ font-size: 11px;
	color:#525252;
	text-decoration:none;
	font-weight:bold;
	padding: 3px;  }
a.mainmenu:hover{ color:#FFFFFF;
	text-decoration:none;
	background-color:#FF9000;
	padding: 3px; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #444444}
a.cattitle		{ text-decoration: none; color : #444444; }
a.cattitle:hover{ text-decoration: bold; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #444444; }
a.forumlink 	{ text-decoration: none; color : #444444; }
a.forumlink:hover{ text-decoration: bold; color : #FF6C00; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #000000;}
a.nav			{ text-decoration: none; color : #444444; }
a.nav:hover		{ text-decoration: bold; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #444444; }
a.topictitle:visited { text-decoration: none; color : #5F5F5F; }
a.topictitle:hover	{ text-decoration: bold; color : #FF6C00; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 11px; color : #000000; }

/* The content of the posts (body of text) */
.postbody { font-size : 12px; line-height: 18px}
a.postlink:link	{ text-decoration: none; color : #444444 }
a.postlink:visited { text-decoration: none; color : #5F5F5F; }
a.postlink:hover { text-decoration: bold; color : #FF6C00}

/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: bold;}

/* Form elements */
input,textarea, select {
text-align:left;
vertical-align:middle;
padding:1px;
margin:1px 0;
color:#000;
font:12px tahoma,verdana,arial;
box-sizing:border-box;
-moz-box-sizing:border-box;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background:#fff;
	border:1px solid #b1b1b1;
}


/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
padding:0;
margin:0;
height:18px;
border:1px solid #e26e04;
color:#fff;
font:bold 10px tahoma,verdana,arial;
text-align:center;
text-transform:uppercase;
cursor:pointer;
background:url('http://www.rabotaplus.com.ua/skin/default/images/input_submit_bg.gif') #ff8a20;
}

/* None-bold submit button */
input.liteoption {
padding:0;
margin:0;
height:18px;
border:1px solid #e26e04;
color:#fff;
font:bold 10px tahoma,verdana,arial;
text-align:center;
text-transform:uppercase;
cursor:pointer;
background:url('http://www.rabotaplus.com.ua/skin/default/images/input_submit_bg.gif') #ff8a20;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url('http://www.rabotaplus.com.ua/forum/templates/xand/formIE.css');
/*---------------------------- Стандартные классы ----------------------------*/
html, body {
width:100%;
height:100%;
margin:0px;
padding:0px;
border:0px;/* обнуляем все отступы и бордюры у всех элементов нафих */
box-sizing:border-box;
-moz-box-sizing:border-box;/* переключаем Mozillaвскую блочную модель на IE'шную (тут ругается валидатор) */
}
body {
text-align:center;
background:url('http://www.rabotaplus.com.ua/skin/default/images/body_bg.gif') top left #fff;
}
div,p,tr,td,ul,li,input,textarea,select,option { /* шобы всё было чётко и чтобы списки не пёрло в IE5 */
font-size:11px;
font-family:tahoma,verdana,arial;
}
img {
border:0px;/* обнуляем все отступы и бордюры у всех элементов нафих */
}
div {text-indent:0px;}
a {
color:#19537a;
text-decoration:underline;
}
/* a:visited {
color:#800080;
} */
a:hover {
color:#e26e04;
text-decoration:underline;
}
#qsearch {
text-align:left;
vertical-align:top;
height:18px;
margin-top:3px;
padding:1px;
border: 1px solid #b0b0b0;
display:block;
float:left;
overflow:hidden;
background:#fff;
}
textareast { /* Элементы формы */
text-align:left;
vertical-align:top;
padding:3px;
margin:1px 0;
color:#000;
font:12px tahoma,verdana,arial;
border:1px solid #b1b1b1;
background:#fff;
padding:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
h1 {
color:#19537a;
font:lighter 11px tahoma, verdana, arial;
text-decoration:none;
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
h1 a {
color:#19537a;
text-decoration:underline;
}
h1 a:hover {
color:#19537a;
text-decoration:none;
}
b,strong {
font-weight:bold;
}

/*----------------------------- Основные элементы ----------------------------*/
#container {
text-align:left;
vertical-align:top;
max-width:984px;/* ширина, которую хавает мозилла 984px ширина + 3px бордюры с каждой стороны*/
width:990px;/* ширина, которую хавает опера, и IE5/6, ширина уже вместе с бордюрами*/
height:100%;
margin:0px auto;/* выравнивание этого блока по центру относительно body для непослушных браузеров (читай - для всех) */
border-left:3px solid #fff;
border-right:3px solid #fff;
-moz-box-sizing:content-box;
background:#fff;

}
#content {
text-align:left;
vertical-align:top;
width:100%;
height:100%;
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding-bottom:30px;
}
#footer {
text-align:left;
vertical-align:top;
margin:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
height:77px;
padding:0 6px;
background:url('http://www.rabotaplus.com.ua/skin/default/images/footer_bg.gif') #717171 top repeat-x;
}
#toptop{
text-align:left;
vertical-align:top;
}
/*------------------------------ Основные классы -----------------------------*/
div.both{ /* Типа местный <tr>*/
text-align:left;
vertical-align:top;
width:100%;
clear:both;
overflow:hidden;
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
ul.basic li { /* основной список, с оранжевыми кружками */
text-align:left;
vertical-align:top;
list-style:none;
padding:1px 0 1px 0;
text-indent:0.8em;
background:url('http://www.rabotaplus.com.ua/skin/default/images/ul_basic_li.gif') 0 6px no-repeat;
margin:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
ul.none li { /* основной список, с оранжевыми кружками */
text-align:left;
vertical-align:top;
list-style:none;
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
ul.noindent li {
text-align:left;
vertical-align:top;
list-style:none;
padding-left:0.8em;
text-indent:0;
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
ul.basic li.active a { /* выбранный элемент списка */
color:#ee780f;
list-style:none;
}
ul.basic li.grey { /* выбранный элемент списка, серый */
color:#7a7a7a;
list-style:none;
}
div.headerform { /* Заголовки, левое меню */
text-align:left;
vertical-align:top;
padding:3px 0 0 11px;
color:white;
overflow:hidden;
clear:both;
font:bold 11px tahoma, verdana, arial;
}
input.textform { /* Элементы формы */
text-align:left;
vertical-align:top;
height:21px;
padding:3px;
margin:1px 0;
color:#000;
font:12px tahoma,verdana,arial;
border:1px solid #b1b1b1;
background:#fff;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
input.submitform {
padding:0;
margin:0;
height:16px;
border:1px solid #e26e04;
color:#fff;
font:bold 9px tahoma,verdana,arial;
text-align:center;
cursor:pointer;
background:url('http://www.rabotaplus.com.ua/skin/default/images/input_submit_bg.gif') #ff8a20;
}
input.radioform {
text-align:left;
vertical-align:top;
height:21px;
width:13px;
margin:1px 0;
overflow:hidden;
text-align:center;
}
input.checkboxform {
text-align:left;
vertical-align:top;
width:13px;
height:13px;
}
/*------------------------------ Верхняя строка ------------------------------*/
#top {
text-align:left;
vertical-align:top;
height:22px;
padding:3px 6px 0px 9px;
border-bottom:2px solid #575757;
overflow:hidden;
background:url('http://www.rabotaplus.com.ua/skin/default/images/top_bg.gif') #717171 top repeat-x;
margin:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
#title,
#top ul li,
#top a {
color:#fff;
font:11px arial,tahoma,verdana;
}
#top a:hover {
text-decoration:none;
}
#title {
float:left;
}
#top ul {
float:right;
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
#top ul li {
padding:0 3px 0 3px;
float:left;
}

/*---------------------------------- Логотип ---------------------------------*/
#logo {
text-align:left;
vertical-align:top;
width:250px;
height:146px;
padding-top:17px;
padding-right:2px;
float:left;
text-align:center;
margin:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}

/*----------------------------------- Баннер ---------------------------------*/
#banner {
width:734px;
height:146px;
float:right;
text-align:center;
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
#banner div {
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
height:30px;
padding-top:9px;
text-align:left;
}
#banner img {
border:2px solid #ebebeb;
}

/*----------------------------- Форма авторизации ----------------------------*/
#loginform {
text-align:left;
vertical-align:top;
width:250px;
height:96px;
border:1px solid #e2e2e2;
border-top:3px solid #e2e2e2;
float:left;
background:url('http://www.rabotaplus.com.ua/skin/default/images/login_bg.gif') #f8f8f8;
margin:0px;
padding:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
#loginform div.headerform {
text-align:left;
vertical-align:top;
width:168px;
height:22px;
position:relative;
top:-3px;
left:-1px;
background:url('http://www.rabotaplus.com.ua/skin/default/images/login_div_header_pic.jpg') #868686 top left no-repeat;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
#loginform p {
padding:2px 0 2px 10px;
font:8pt tahoma,verdana,arial;
text-align:left;
}
#loginform form {
width:100%;
}
#loginform label {
width:56px;
height:21px;
padding:4px 8px 0 0;
margin:1px 0;
display:block;
float:left;
text-align:right;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
#loginform input.textform {
width:178px;
float:left;
}
#loginform ul.basic {
padding-top:8px;
margin:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
#loginform ul.basic li span {
color:#c3c3c3;
}
#loginform input.submitform {
padding:0;
margin:0;
width:50px;
float:right;
position:relative;
top:4px;
right:14px;
}

/*------------------------------- Главное меню -------------------------------*/
#main {
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
width:734px;
padding-left:2px;
float:right;
}
#main div.bg {
background:url('http://www.rabotaplus.com.ua/skin/default/images/main_div_bg.jpg') #1e6493 left top repeat-y;
}
#menu {
list-style:none;
width:100%;
overflow:hidden;
background:url('http://www.rabotaplus.com.ua/skin/default/images/menu_pic.jpg') left bottom no-repeat;
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
#menupad {
list-style:none;
width:100%;
overflow:hidden;
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
ul.menu li {
list-style:none;
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
li.menu {
list-style:none;
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
#menu li {
width:146px;
float:left;
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
#menu li.last {
width:148px;
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
#menu li a {
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding:2px 0 4px 10px;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
display:block;
color:#fff;
font:bold 12px tahoma, verdana, arial;
text-decoration:underline;
background:url('http://www.rabotaplus.com.ua/skin/default/images/menu_li_a_bg.gif') #ff8313 top repeat-x;
}
#menu li a.active {
background:url('http://www.rabotaplus.com.ua/skin/default/images/menu_li_a_active_bg.gif') #c66f20 top repeat-x;
}
#menu li.last a {
border-right:0;
}
#menu li a:hover {
color:#fff;
text-decoration:none;
}
#menu li ul {
padding:4px 0 6px 0;
}
#menu li ul li {
padding:0 10px;
float:none;
}
#menu li ul li a {
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding:0;
border:0;
display:inline;
color:#fff;
font:11px tahoma, verdana, arial;
background:none;
}

/*------------------------------- Форма поиска -------------------------------*/
#search {
height:79px;
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding:8px 0 10px 15px;
border-top:1px solid #fff;
overflow:hidden;
background:#d9d9d9;
}
#search div.both {
height:30px;
padding-top:3px;
}
#search input{
float:left;
}
#search label {
height:21px;
padding:4px 6px 0 3px;
margin:1px 0;
display:block;
float:left;
text-align:right;
}
#search input.submitform {
width:50px;
margin:4px 10px 0 12px;
float:left;
}
#line {
width:100%;
padding:6px 0 6px 0;
border-top:4px solid #fff;
border-bottom:4px solid #fff;
clear:both;
overflow:hidden;
background:#f5f5f5;
}
#line #linebg {
width:100%;
padding-left:7px;
background:url('http://www.rabotaplus.com.ua/skin/default/images/left_bg.gif') #fff left top;
}


/*----------------------------------- Подвал ---------------------------------*/
#footer .counter {
padding-top:8px;
margin-right:5px;
float:left;
}
#footer a:hover {
text-decoration:none;
}
#copyfoot {
text-align:left;
vertical-align:top;
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding-top:8px;
padding-left:5px;
float:left;
color:#fff;
}
#copyfoot a {
color:#fff;
}
#footer ul {
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
width:390px;
height:100%;
padding-top:23px;
float:right;
}
#footer ul li {
padding:0 3px;
float:left;
font-family:arial;
color:#fff;
white-space:nowrap;
}
#footer ul li a {
font-family:arial;
color:#fff;
}

td.bodyline{
	border:0;
}