.green { color:#009933 }
.red { color:#CC0000 }
.yellow { color:#FFCC33 }
.orange { color:#FF9933 }

.padLeft {
	margin-left:2px;
}

body, html {
	padding:0;
	margin:0;
}

.cms a img { border:none }

.cms a {
	text-decoration:underline;
}

.cms a:hover {
	text-decoration:none;
}

.cms {
	padding:20px;
}

.cms h1 {
	font-weight:normal;
	font-size:32px;
	padding:0;
	margin:0;
	margin-bottom:10px;
	color:#ddd;
	font-family:Tahoma;
}

.cms h3 {
	font-family:Tahoma;
	font-size:130%;
	font-weight:normal;
	color:#333333;
	margin-top:3px;
	margin-bottom:4px;
}

html {
	font-family:Tahoma;
	font-size:12px;
}

.ok {
	border:2px solid #33cc33;
	background:#eeffee;
	color:#009933;
	margin-bottom:20px;
}

.ok dl, .errors dl, .attentions dl {
	padding:0;
	margin:0;
	padding-top:8px;
	padding-bottom:12px;
	margin-left:20px;
	margin-right:30px;
}

.attentions, .errors {
	position:fixed;
	width:450px;
	height:auto;
	z-index:10;
	left:50%;
	margin-left:-225px;
}

.attentions, .attentions a {
	color:#FF3300;
}

.attentions {
	background:#FFCC66;
	border:2px solid #FF9900
}

.errors {
	background:#ffefef;
	border:2px solid #FF0000;
	color:#990000
}

.errors .close, .attentions .close {
	position:absolute;
	right:5px;
	top:5px;
	width:13px;
	height:13px;
}

.errors .close img, .attentions .close img {
	cursor:pointer
}


.errors li, .ok li, .attentions li {
	padding:2px;
	margin:2px;
}



.submit {
	cursor:pointer;
	padding:3px;
}

.divPopupCalendar {
	width:128px;
	position:absolute;
	left:20px;
	top: -12px;
}

#authForm {
	font-size:11px;
}

#authForm input {
	font-size:11px;
}


.apanel {
	position:fixed;
	z-index:100;
	width:100%;
	height:22px;
	background:gray;
	border-bottom:1px solid #d3d3d4;
	background:url('/content/images/admin/apanel_bg.gif') left top repeat-x;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	font-family:Tahoma;
	font-size:12px;
	color:black;
}

.apanel .login {
	float:left;
	color:black;
	margin-right:90px;
	padding-left:20px;
	background:url('/content/images/admin/user_icon.gif') left top no-repeat;
}

.apanel_menu ul {
	margin: 0;
	padding: 0;
	overflow:visible;
	list-style-type: none;
}

.apanel_menu ul li{
	padding:0;
	margin:0;
	position: relative;
	display: inline;
	float: left;
	margin-right:20px;
}

.apanel_menu ul li a {
	display:block;
	padding:0px;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:20px;
	height:20px;
	color: #3b3b3b;
	text-decoration:none;
}

.apanel_menu ul li ul li a {
	background:#e0dfe0;
	padding-top:3px;
	height:15px;
}

* html .apanel_menu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.apanel_menu ul li a:link, .apanel_menu ul li a:visited{
	color:#3b3b3b;
}

.apanel_menu ul li ul li a:hover{
	background-color:#f2f1f2; /*tab link background during hover state*/
	color:#3b3b3b;
	text-decoration:none;
}
	
/*1st sub level menu*/
.apanel_menu ul li ul {
	position: absolute;
	padding:0;
	left: 0;
	display: block;
	visibility: hidden;
	min-width:140px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.apanel_menu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.apanel_menu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.apanel_menu ul li ul li a {
	width:auto; /*width of sub menus*/
	padding:5px;
	margin:0;
	padding-right:20px;
	font-size:90%;
	white-space:nowrap;
	border-bottom: 1px dotted #999;
}

.apanel_menu ul li ul li:hover{ /*sub menus hover style*/
	background: #f2f1f2;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.apanel_menu .down_arrow{
	position: absolute;
	top:7px;
	right:8px;
}

.apanel_menu .right_arrow {
	position:absolute;
	top:8px;
	right:5px;
}

.but {
	display:inline-table;
	width:auto;
}

.apanel_menu .but span, .cms .but span {
	display:block;
	width:20px;
	height:20px;
	margin-right:4px;
	float:left;
	background-image:url('/content/images/admin/button_icons.png');
	background-repeat:no-repeat;
}

a.page span { background-position:-40px -202px }
a.page_edit span { background-position:-60px -202px }
a.page_delete span { background-position:0px -202px }
a.page_settings span { background-position:-60px -42px }


a.cats span { background-position:-40px -42px }

a.modules span { background-position:-40px -122px }

a.add span { background-position:-20px -2px }
a.list span { background-position:-80px -22px }
a.refresh span { background-position:-20px -22px }

a.votes span { background-position:0px -222px }
a.votes_add span { background-position: -20px -222px}
a.votes_delete span { background-position: -40px -222px}
a.votes_edit span { background-position: -60px -222px}
a.votes_list span { background-position: -100px -222px}


a.stats span { background-position:0px -102px }
a.users span { background-position:0px -182px }
a.users_list span { background-position:-100px -182px }
a.user_add span { background-position:-20px -182px }


a.forum span { background-position:-60px -22px }
a.photos span { background-position:0px -262px }

/* TOURS: */

a.tours span { background-position:0px -282px }
a.tours_list span { background-position:-100px -282px }
a.tours_schedule span { background-position:0px -302px }
a.tours_add span { background-position:-20px -282px }

a.stock span { background-position:0px -322px }
a.stock_list span {}
a.stock_add span { background-position:-20px -322px }
a.stock_del span {}

div.action {
	width:20px;
	height:20px;
	display:inline-table;
	background:url('/content/images/admin/button_icons.png') 0 -322px no-repeat;
}


/* ADMIN BUTTONS: */

.fr { float:right }
.fl { float:left }

.listButtons a.button {
	margin-right:14px;
}

.cms a.button {
	height:20px;
	display:inline-table;
	width:auto;
	text-decoration:underline;
	cursor:pointer;
}

.cms a.button:hover {
	text-decoration:none;
}

.cms a.button span {
	display:block;
	float:left;
	background-image:url('/content/images/admin/button_icons.png');
	background-repeat:no-repeat;
	height:20px;
	width:20px;
	margin-right:4px;
}

.cms a.edit { color:#FFCC66 }
.cms a.edit span { background-position:-60px 0 }

.cms a.add { color:#009933 }
.cms a.add span { background-position:-20px 0 }

.cms a.delete { color:#FF0033 }
.cms a.delete span { background-position:-80px 0 }

.cms a.list { color:#0066CC }
.cms a.list span { background-position:-40px -222px }

/* panel editor: */

.editor {
	display: block;
	margin: 0px;
	padding: 0px
}

.editor .dest {
	border:1px solid #bbb;
	width:100%;	
	padding:5px;
}

.panel_editor {
	background:#fff;
	margin:0px;
	padding:0px;
}

.panel_editor a img { 
	margin:1px;
	cursor:pointer;
}


.panel_editor a:hover img {
	border:1px solid #bbb;
	margin:0px;
}


/* */



#divSelectCats {
	position:absolute;  
	top:23px; 
	width:auto;
	padding:3px;
	left:0px; 
	background: #f2ca80; 
	border: solid 1px #b33f0c;
	border-top:none;
}

#divSelectCats a {
	display:block;
	padding:4px;
	white-space:nowrap
}

ul.columns { margin: 0; padding: 0; list-style-type: none; word-spacing: -1ex; }
.columns li { display: -moz-inline-stack; display: inline-block; //display: inline; }

.columns a, .columns b, .columns label { display: inline; word-spacing: normal; //display: inline-block; //filter: alpha(opacity=100); }
.columns a, .columns b, .columns label, x:-moz-any-link { display:block; }

.columns a, .columns b, .columns label, x:-moz-any-link, x:default { display: inline; }
.columns li, .columns a, .columns b, .columns label { vertical-align: top; }

.columns li { margin: 0px 0px 3px 0px; width: 13%; //width: auto; }
.columns a, .columns b, .columns label { //margin: 0 0 3px 0; //width: 13%; }
.columns ul { width: 100%; }

.columns a {
	display:block;
	margin:0;
	padding:0;
}

.columns label {
	line-height:18px;
	overflow:hidden;
	height:20px;
	display:block;
	position:relative;
}

.columns .grad {
	width:22px;
	position:absolute;
	right:0px;
	top:0px;
	height:100%;
	background:url('/content/images/admin/r_grad_to_white.png') right top repeat-y;
}


/*  */

.addTag {
	width:auto;
	border-collapse:collapse;
	position:relative;
}

.addTag input {
	margin-left:1px;
	padding:2px;
	width:220px;
}

.addTag .tags {
	background:url('/content/images/admin/tags.gif') 2px 4px no-repeat;
	font-size:90%;
	color:#aaa;
	padding-left:20px;
	height:20px;
}

.addTag .popupTags {
	position:absolute;
	display:none;
	overflow:hidden;
	width:226px;
	left:1px;
	z-index:1;
	top:23px;
	
	background:white;
}

.addTag .popupTags .close {
	float:right;
	font-size:90%;
	padding:2px;
	padding-bottom:0px;
	padding-left:3px;
	padding-right:3px;
	position:absolute;
	z-index:2;
	bottom:0px;
	right:0px;
	height:18px;
	color:#ff6666;
	cursor:pointer;
}

.addTag .popupTags .close:hover {
	color:red;
}

.addTag .popupTags .snatch_item {
	padding:3px;
	padding-left:5px;
	cursor:pointer;
	color:#666;
}

.addTag .popupTags .snatch_item:hover, .addTag .popupTags .snatch_item.currentLine { background:#efefef }

.addTag .tags span.tag_item {
	margin-right:10px;
	text-decoration:underline;
	cursor:pointer;
}

.addTag .tags span.tag_item:hover {
	color:#444;
}


.addTag .tags_list {
	width:10%;
}

.addTag .addTag_button {
	width:90%;
}

.addTag .show {
	display:block;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
}



/* BUTTON: */
.cms input.button {
	height:23px;
	margin-top:1px;
	width:69px;
	padding:0;
	margin:0;
	border:none;
	display:block;
	margin-top:px;
	background:url('/content/images/admin/button_add.gif') left top no-repeat;
	cursor:pointer;
}

.cms input.button:hover {
	background-position:left 100%;
}

/* SELECT CATEGORY: */
.select_cat {
	padding:1px;
	margin:2px;
	font-size:120%;
}



/* LIST PAGES: */
.listPages {
	border-collapse:collapse;
	width:80%;
}

.listPages .tags {
	font-size:80%;
	
	overflow:hidden;
	margin-top:8px;
	margin-bottom:5px;
	padding-top:1px;
	padding-bottom:4px;
	padding-left:13px;
	background:url('/content/images/admin/tags_mini.gif') 1px 3px no-repeat;
}

.listPages .tags a {
	color:#888;
	margin-right:8px;
}

.cms th {
	text-align:left;
	background:#aaa;
	border-top:2px solid #666666;
	color:#fff;
	padding:3px;
}

.listPages td, .listPages th {
	padding:5px;
	vertical-align:middle;
}


.listPages td.num { color:#444 }

.listPages .num { width:3% }
.listPages .name { width:57% }
.listPages .date_publish { width:15% }
.listPages .active { width:15% }
.listPages .edit { width:5% }
.listPages .del { width:5% }

.listPages .num, .listPages .date_publish, .listPages .active, .listPages .edit, .listPages .del {
	text-align:center;
	white-space:nowrap;
}

.listPages td.date_publish {
	color:#666666
}


.sub td {
	background:#f1f1f1;
}

.sub_white td {
	background:#fff;
}

/* MATERIALS FORM, NEWS FORM: */

.form_materials .fullName, .form_news .fullName {
	width:40%;
	margin:2px;
}

.form_materials .short {
	width:50px;
	text-align:center;
	margin:2px;
}

/* LIST URLS: */

.listUrls {
	width:50%;
	border-collapse:collapse;
	border-bottom:1px solid #aaa;
	margin-bottom:10px;
}

.listUrls td { padding:3px }

.listUrls .num {
	width:5%;
	text-align:center;
}

.listUrls td.num { color:#666666 } 

.listUrls .url {
	width:85%;
}

.listUrls .del {
	text-align:center;
}



.order {
	display:inline-table;
	width:7px;
	height:4px;
	margin-bottom:2px;
}

.asc {
	background:url('/content/images/admin/st.gif') center 0px no-repeat;
}

.desc {
	background:url('/content/images/admin/st.gif') center -4px no-repeat;
}


/* UNIVERSAL STYLES FROM FORM: */

.form {
	padding:5px; 
	padding-left:15px; 
}

.field {
	clear:both;
	float:left;
	width:100%;
}

.form .col_name, .form .col_input { 
	float:left;
}

.form .col_name {
	width:16%; 
	padding-top:7px;
	white-space:nowrap;
}

.form .col_input { 
	width:84%; 
	padding-top:2px;
}


/* Fieldset: */

.form .set {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	padding-top:16px;
	padding-bottom:10px;
}

.form .fieldset {
	border:1px solid #aaa;
}

.form .hide {
	display:none;
}

.form .fieldset dl {
	padding:0;
	margin:0;
	padding-bottom:4px;
	padding-top:4px;
	color:#333333;
	font-size:100%;
}

.form .expand > .legend { cursor:pointer }

.form .legend {
	display:block;
	position:absolute;
	float:left;
	width:auto;
	height:auto;
	font-weight:bold;
	top:7px;
	
	margin-left:6px;
	margin-bottom:10px;
	
	padding-right:1px;
	padding-left:2px;
	z-index:2;
}

.form .fieldset .in {
	padding-top:6px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:6px;
	display:inline-table;
	width:100%;
}

.form .expand .in {
	padding:8px;
} 

.form .expand > .legend {
	padding-left:21px;
	background-position:3px 0px;
	background-repeat:no-repeat;
}

.form .open > .legend {	
	background:url('/content/images/admin/form/folder_horizontal_open.png') no-repeat white;
}

.form .close > .legend {
	background:url('/content/images/admin/form/folder_horizontal.png') no-repeat white;
}


.form .close {
	height:7px;
	padding-bottom:8px;
}

.form .fullName {
	width:30%;
}

.form .close > .fieldset {
	display:none;
}

.form .close > .fieldset .in {
	height:0;
	padding:0;
	overflow:hidden;
}


.form .fieldset, .form .legend {
	background:#f5f5f5;
}


/* Add image window: */

.addImageForm .in {
	padding:5px;
}


.addImageForm table {
	width:100%;
	border-collapse:collapse;
}

.addImageForm td {
	padding:3px;
	
}

.addImageForm .name {
	width:30%;
}

.addImageForm .mode {
	padding-bottom:10px;
	line-height:18px;
	
}

.addImageForm .mode label {
	cursor:pointer;
	display:inline-table;
	margin-top:3px;
}

.addImageForm .image_params { display:none }

.addImageForm .image_params table td { padding:1px; }

.addImageForm .image_params fieldset {
	padding-top:0;
	margin-top:0;
}

.addImageForm .image_params legend {
	font-size:110%;
	padding-top:0;
	margin-top:0;
}


.addImageForm .width, .addImageForm .height {
	width:30px;
	text-align:center;
}

.addImageForm input, .addImageForm select {
	font-size:110%;
}

.addImageForm .input {
	width:70%;
}

.fillText {
	width:80%;
}

.addImageForm .modalDiv {
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	background:black;
	opacity: 0.0;
	filter:alpha(opacity = 0);
}

.addImageForm .submit {
	margin-top:20px;
	padding:4px;
	padding-left:12px;
	padding-right:12px;
	font-size:120%;
}

.addImageForm .loader {
	display:none;
	text-align:center;
	position:fixed;
	left:50%;
	top:50%;
	width:300px;
	height:100px;
	padding-top:40px;
	color:#fff;
	background:url('/content/images/admin/loader_big.gif') center top no-repeat;
	margin-left:-150px;
	margin-top:-50px;
}

.cms .nav {
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	padding-bottom:5px;
	padding-top:5px;
	overflow:hidden;
}

.cms .nav li {
	float:left;
	margin-right:2px;
	text-align:center;
	width:20px;
	overflow:hidden;
}

.cms .nav li a {
	border:1px solid gray;
	font-size:85%;
	display:block;
	text-align:center;
	padding-top:1px;
	padding-bottom:1px;
	text-decoration:none;
	color:gray;
	background:lightgray;
	width:auto;
}

.cms .nav li.current {
	border:none;
}

.cms .nav li.current a {
	background:#FF9900;
	color:#fff;
	font-weight:bold;
	border:1px solid #ff9900;
}