html, body, div, form, img { margin: 0; padding: 0; border: 0; }

html {margin:0; padding:0; }
body{margin:0; padding:0; text-align:left; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#676666;}
body.main {background:url(../images/background.gif) repeat-y top left;}
form{margin:0; padding:0;}
input, select, textarea{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;
	width: 150px; border: 1px solid #BABABA;
}

select{padding:0;}

img{border:0;}
a{color: #007D4D; text-decoration:none;}
a{text-decoration:underline;}

/* header block */

.header{background:#fff; padding:10px 40px 10px; font-size:20px; color:#005931;}
.top_navigation{background-color: #005A36; padding:5px 20px; border-bottom:1px solid #fff;}
.top_navigation a{color:#fff; font-weight:bold; padding:0 17px; font-size:11px; white-space:nowrap;}
.top_navigation a:hover{text-decoration:underline;}
.border{height:4px; background:#C7C7C7; font-size:1px; line-height:1px;}

#footer_guarantor{ height:55px;}
#footer{ height:15px; padding:10px; text-align:right; color:#fff; font:bold 12px Arial, Helvetica, sans-serif;  background-color:#005A36}

 
#logo {
	float: left;
	margin: 0;
}

.user-info { margin: 5px 5px 5px 10px; float:right; font-size:12px; font-size:10px;}
.user_info a{ color: #007D4D; font-size:10px;}
.user_info a:hover{ text-decoration:none;}


/*Left Navigation*/
.content_tb { background:#fff url(../images/background.gif) repeat-y top left; }

.left_navigation{width:203px; vertical-align:top;}
.left_navigation_title{color: #005A36; padding:10px 18px 10px; font-weight:bold; background:#fff;}
.left_navigation_links{background: #C7C7C7; padding:1px 0;}

.left_navigation_links a{display:block; padding:6px 18px; background-color:#F6F6F6; color:#676666; border-top:1px solid #fff; border-bottom:1px solid #fff; font-weight:bold; text-decoration:none; font-size:11px;}
.left_navigation_links a.with_submenu{background-image:url(../images/left_navigation_link_closed.gif); background-repeat:no-repeat; background-position:190px center;}
.left_navigation_links a.active_link{background: #005A36; color:#fff;}
.left_navigation_links a.sublink{background-color:#fff; background-image:url(../images/left_navigation_slink_mark.gif); background-repeat:no-repeat; background-position:18px center; color:#557800; font-weight:normal; padding-left:30px;}
.left_navigation_links a.active_sublink{background-color:#D3EC96;}
.left_navigation_links a:hover{background-color:#ddd;}
.left_navigation_links a.active_link:hover{background-color: #008853;}
.left_navigation_links a.sublink:hover{background-color:#D3EC96;}
.left_navigation_links .under_link_border{height:1px; line-height:0; font-size:0; background:#C7C7C7; overflow:hidden;}

/*Content*/
.content{padding:5px 10px 40px 7px; vertical-align:top;}
.popup td.content{padding-top:10px; vertical-align:top;}
h3{padding-bottom:10px; color: #005A36; font-size:14px;}
/*Navline*/
.navline{font-size:10px; color:#B8B8B8;}
.navline a{font-weight:bold; color:#B8B8B8; text-decoration:none;}
.navline a:hover{text-decoration:underline;}
/*Company*/

span.mandatory, th div span, th.first_col span  {color:#f00;}

.form_table {width:450px; margin:0 auto 0; text-align:left; border: 0px;}
.form_table .first_col, .form_table th {
	font-weight:bold; text-align:right; color: #007D4D;
	min-width:140px; 
	padding: 5px 5px; 
	white-space: nowrap;
}
.form_table .top th {
	text-align: center;
}

.form_table .first_col span, .form_table th span{color:#f00;}
.form_table td, .form_table th {border: 0px;}


.form_table input, .form_table select, .form_table textarea { width: 98%; }

.form_table input.button, .form_table input.button2 { width: auto; }

.form_table .revert th { text-align: left; }
.form_table .revert td { text-align: right; }

#cms_form {	width:830px; }
#cms_form .first_col { width: 250px; }

.login_form {	width:200px; }
.login_form table{ width:100%; }
.login_form table { width:100%; }
.login_form .first_col{ width: auto;}


#settings_table{width:450px; margin:0 auto 0; text-align:left;}
#settings_table .first_col{width:400px;}
#settings_table input { width: 350px; }
#settings_table input.button { width: auto }

#wysiwyg INPUT, #wysiwyg SELECT { width: 75px; }

.list{width:100%; border-collapse:collapse; clear:both;}
table.list tr td, table.list tr th, .list_head {border: 1px #C7C7C7 solid; text-align:center; color: #676666;}
table.list table td, table.list table th{border: 0px; text-align: left;}
table.list table.list td, table.list table.list th{border: 1px #C7C7C7 solid; text-align: center;}
.list th, .list_head{background: #E4EDE6; font-weight:bold; padding: 0; color: #007D4D;}
.list a{	color:#007D4D; }
.list th a{	color: #007D4D;}
.list a:hover {text-decoration:none;}
.list tr.total td { font-weight: 700; }
.list tr.total th {	text-align: right; }
.list th div, .list_head{ padding: 5px 7px; }

.remark{ font-size:9px; font-weight: normal;  color: #676666; text-align:left; }

.button, .button2 {
	font-size:11px; font-weight:bold; color: #fff;
	width:auto; padding:4px 5px; margin: 2px 1px 2px 1px;
	background: #005A36;	border:none; 
	cursor:pointer;
}

.button2 { color: #005A36; background: #fff; }

a.button, a.button:hover, a.button:visited, a.button2, a.button2:hover, a.button2:visited {
	border: 1px solid #005A36;
	display: block;
	text-decoration: none;
	padding: 4px 5px 4px 5px;
	margin: 2px 2px 2px;
}

a.button2:hover {
	color: #ffffff;
	background:#005A36;
}

.left {	float: left; }
.right {	float: right; }

/*Search*/
.search_block td{text-align:right; font-weight:bold;}
.list-behavior { text-align:center; height: 35px; }
.current-page { padding:10px 200px; font-size:11px; white-space:nowrap; }
.pages{padding:10px; font-size:11px; float:left}
.pages a{font-size:11px; color:#007FC0; margin:0 2px 0;}
.pages a:hover{text-decoration:none;}


a.help_link {
	color:#007FC0; background:#fff; cursor:pointer; text-decoration:none;
	border:1px solid #007FC0; padding:2px 3px 2px;	margin: 2px 2px 2px;
}
a.help_link:hover { color: #ffffff; background:#007FC0; }

table.buttons  td { border:0; padding: 0; margin: 0; }

.sorter {
	display:block; 
	background-repeat: no-repeat;
	padding: 3px 2px 3px 2px;
	text-decoration:none; 
}
a.sorter:hover { background-color: #007D4D; color: White; }
a.sorter span { padding: 0 10px; }
a.sorter span.asc { background: url(../images/arr_asc.gif) no-repeat left center;  padding: 0 10px; }
a.sorter span.desc { background: url(../images/arr_desc.gif) no-repeat left center;  padding: 0 10px; }


.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea { border-color: red; }

.ErrorExplanation { text-align: left; }
.datepicker {
	cursor: pointer;
	margin-left: 10px;
	vertical-align:top; 
}
.datepicker_cancel {
	cursor: pointer;
	vertical-align:middle; 
	margin-left:10px;
}

#help_note, #help_note_close {
	display: block; position: absolute;
	color:#676666; background: #DCEFAF;
	padding: 2px 5px 2px; margin: 2px 2px 2px; border: 1px solid #007FC0;
}

#help_note_close { padding: 0; margin: 0; }
.flash_error { color:red; }
.flash_notice { color:green; }
.flash_warn { color:brown; }
.readonly { background-color: #F6F6F6; color: #676666; }
.warning {color:#f00;}

table .h3 {
	font-size:13px; color:#007FC0; font-weight:bold; margin:0; padding:5px;
}

DIV#js_info {
	background-color: #E1F1FF;
	margin: 5px; padding: 5px; border: 1px solid Gray;	
}

#nav_elements {
	padding: 5px 0 20px 5px; margin-top:10px; 
	min-height:100px; width:99%; 
	border:1px grey solid;
}

.selected { background-color: #FFA500; }
#nav_elements.selected { background-color: #E6F0FA; }

.red { color: Red; }

.block_with_border {
	width:auto; margin: 5px auto 0 auto; padding:10px; border:1px solid #E8E8E8; 
	text-align:center;
}

.block_with_border_title {
	color: #005A36; font-weight:bold; background:#fff; 
	margin:-19px 0 0; padding:0 5px; 
	float:left;
}

.scoller_win { text-align: left; width: 250px; height: 300px; overflow: auto; padding: 2px; border: 1px solid #a0a0a0; }

.radio{ width:15px; border:0px}

a.blue{color:blue}

.ErrorExplanation{ color:red; font:11px Tahoma, Arial, sans-serif; padding:0px}

/*new*/

DIV#album {
	width: 940px; display: table-cell; margin: 0px; padding: 10px 5px 10px 5px;
	text-align: left; white-space: nowrap;
}

DIV.image {
	cursor: pointer; border:1px solid #E8E8E8; 
	float: left; margin: 5px; padding: 5px;
	text-align: center; white-space: nowrap;
	min-width: 113px;
	min-height: 127px;
}

DIV.image .name { color: #007FC0; }

input.checkbox, input.radio {border:none; width:auto; }

span.date { font-size: small; font-weight: bolder; padding: 0 5px 0 0; }

#item_drag.list tr td { border-color: #32CD32; }

tr#preview td { background-color: #DAFBDC; }

#block_tabs { display: table-cell; padding: 0 0 0 10px; width: 70%; }

#block_tabs div {
	float: left; padding: 5px 10px; margin: 0 5px 0 0;
	background-color: #00B26D; color: White; cursor: pointer;
}

#block_tabs div.active {
	background-color: #005A36;	font-weight: bold;
	padding: 5px 5px;
}

#js_info { background-color: White; color: Black; border: #483D8B 1px solid; width: auto; z-index: 999; }

.draggable {
	cursor: pointer; text-decoration: none;
	display: block; width: 400px; border: 0;
}

/*.draggable:hover { background-color: #CCEEFF; color: #007FC0; } */

#map { float: left; }
#tree .childs { border: 0px solid red; padding: 0 0 0 17px;  background: url(../images/stvol.gif) 0 0 repeat-y; }

#tree .node { border:0px solid green; padding: 0 0 0 0; margin: 0 0 0 0;}
/*#tree .doc, #tree .folder { border:0px solid green; padding: 0 0 0 17px; margin: 0 0 0 0; background: url(../images/vetv.gif) 2px 0 no-repeat; }
#tree .folder { background: url(../images/box_closed.gif)  2px 0px no-repeat; }
#tree .open { background: url(../images/box_open.gif)  2px 0px no-repeat; }
*/
.act, #tree .act { background-color: #C1FFC2; }
.draggable img { margin: 0 0px; vertical-align: middle; }

.drop_act {
	padding-top: 20px;
	border-top: 0px solid #B0E0E6;	
}

.image .add_info {
	display: none;
	clear: both;
	position: absolute;
	background-color: #E6E6FA;
	border: 1px solid #757575;
	padding: 5px;
	min-width: 100px;
}

.image:hover .add_info {
	display: block;
}


/* Image Works */

#dialog_paper {
	padding: 10px;
	background-color: White;
}

#crop_original {
	float:left; padding: 0 50px 0 20px; border:0px solid red;
}

#original_fade {
	opacity: 0.7; border:2px solid grey;
}

#crop_area {
	z-index:110; cursor: move; border:2px solid #8080ff; position: absolute; overflow:hidden;  top:0; left:0;
}

#preview {
	overflow:hidden;
}
#preview_holder {
	border: #515151 1px solid;
	padding: 1px;
	float: left;
	z-index: 999;
}

#resize_cut {
	z-index:121; cursor: nw-resize; position: absolute; top:0; left:0;
}

#dialog_image {
	cursor: pointer;
}

#functional_panel th {
	background-color: #1F193C;
	color: #FFFFD7;
}

#functional_panel td{
	background-color: #D1CFE9;
}

/*** Sortable lists on divs **/


div.list{width:100%; clear:both; display: inline-table;}

div.list div.head {border: 0px #C7C7C7 solid; text-align:center;}
div.list div.row div, div.list div.head div { border: 1px #C7C7C7 solid; margin: 0 0 0 -1px;}
div.list div.head, div.list div.row { 
	height: 32px;
	border: 0px solid red;
}

div.list div.head div { 
	position: relative;
	float: left;
	text-align: center;
	background: #E4EDE6; font-weight:bold; padding: 3px 5px; 
	height: 24px;
	line-height: 24px;
}

div.list div.row { height: 31px; border: 0px solid blue; cursor: pointer;}
div.list div.row div {  margin-top: -1px; float: left; padding: 3px 5px; height:24px; line-height: 24px;}
div.list div.row div .button, div.list div.row div .button2, .inline_form .button, .inline_form .button2 {
	line-height: 15px;
	height: 23px;
}

div.list div.row div a.button, div.list div.row div a.button2, .inline_form a.button, .inline_form a.button2 {
	line-height: 13px;
	height: 13px;
}


.inline_form label {
	font-weight:bold; text-align:right; color: #007D4D;
}

.col_form_1, .col_form_2, .col_form_3 {
	text-align: center;
}

.inline_form input, div.row input {
	margin: 2px 0;
	width: 95%;
}

.inline_form input.button, .inline_form input.button2, div.row input.button {
	width: auto;
	border: 1px solid #005A36;
}

.inline_form .red {
	color: Red;
}

.not_available {
	color: Red;
	text-decoration: line-through;
}

/* Waitings style */
#waiting_layer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #4C4C4C;
	opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); 
}

#waiting_table {
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	position: fixed;
	color: #7CFC00;
	font-size: 22pt;
}

/* Dialogs style */
#dialog_layer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #4C4C4C;
	opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); 
}


#dialog_layer_buttons {
	position: fixed;
	top: 10px;
	right: 10px;
}

#dialog_table {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#dialog_table_content {
	width: 100%;
	height: 100%;
}

.mess_table {
	width:500px;
	margin:0 auto 0; 
	text-align:left;
	background-color: #F9F9F9;
	border: #007FC0 1px solid;
}

.mess_table .first_col { width:250px; }
.mess_table input, .mess_table select, .mess_table textarea {
	width: 250px;
}

#dialog_table .scoller_win {
	width: 550px;
	height: 400px;
}

#dialog {
	background-color: transparent;
	border:1px solid #E8E8E8; 
	width: 800px;
	margin: 5px auto;
}

#dialog_message {
	background-color: White;
	padding: 15px;
}


.dialog_title, .list .dialog_title{
	background-color: #00935A;
	color: White;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	margin: 0;
	text-align: left;
	height: 18px;
	line-height: 18px;
}


/*  ***** end of dialog style   *********** */

/*  ****** Ajax Image gallery  ***/

#dialog_message div#image {
	width: 800px;
	height: 500px;
	overflow: scroll;
}

/*  ****** end of Ajax Image gallery  ***/

#waiting_button {
	position: absolute;
	background-color: #4C4C4C;
	opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); 
	display: table-cell;
	text-align: center;
	background-image: url(../images/ajax-loader.gif);
	background-position: center;
	background-repeat: no-repeat;
}

.waiting_button {
	width:32px;
	height: 32px;
	background-color: #4C4C4C;
	margin: 40% auto;
	margin-left: -16px; 
	margin-top: -16px;
}

#dialog_layer {
	z-index: 100;
}
#dialog_table, #dialog_layer_buttons {
	z-index: 101;
}
#waiting_button, .waiting_button{
	z-index: 102;
}

#waiting_layer{
	z-index: 103;
}

#waiting_table{
	z-index: 104;
	background-image: url(../images/ajax-loader.gif);
	background-position: center;
	background-repeat: no-repeat;

}

#dialog_image {
	min-height: 20px;
	min-width: 20px;
	background-image: url(../images/ajax-loader.gif);
	background-position: center;
	background-repeat: no-repeat;

	border: #515151 1px solid;
	padding: 5px;
	margin: 0 auto;
}
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #E7DFBE;
	background-image: url(../images/oldwin_bg.gif);
	border: 1px solid #292D01;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #C6BA8D;
	color: #995650;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #751615;
	color: #EBE9D1;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #C6BA8D;
	border: 0px;
	color: #995650;
	cursor: pointer;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #99C600;
	border: #6FA000 1px solid;
	color: #F7F8EE;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #6FA000;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: White;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	width:auto; font-size:11px; 
	font-weight:bold; 
	color: #ECFFC1; 
	border:0px;  
	padding:2px 2px; 
	background: #6FA000; 
	cursor:pointer; 
	margin:0 5px 2px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	width:auto; 
	font-size:11px; 
	color: White; 
	border: 1px solid #6FA000; 
	padding:1px 5px; 
	background: #6FA000; 
	cursor:pointer; 
	margin:0 3px 2px;
	}