/*-----------------------------------
 general
-----------------------------------*/

body {
	font-family: 'lucida grande', 'bitstream vera sans', sans-serif;
	padding: 0;
	margin: 0;
	background-color: #fff;
	background-image: url(../img/back.jpg);
	background-repeat: repeat-x;
}

body, input, select, option, textarea {
	font-family: verdana, arial, sans-serif;
}

a {
	color: #008000;
	text-decoration: none;
}

a:hover {
	color: #9fb29f;
	text-decoration: underline;
}

a:visited {
	color: #5C7EAB;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	font-family: georgia, serif;
	color: #008000;
	border-bottom : 2px dashed #9fb29f;
}	

h1 {
	font-size: 170%;
}

h2 {
	font-size: 160%;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 140%;
}

p {
	margin: 0.1em 0 0.9em 0;
	line-height: 140%;
}

/*-----------------------------------
 wrapper
-----------------------------------*/

#wrapper {
	position: relative;
	width: 790px;
	padding: 0 20px;
}

#inner_wrapper {
	padding: 0;
	margin: 0;
}

/*-----------------------------------
 header
-----------------------------------*/

#header img {
	border: 2px solid #fff;
}

#content_header {
	width: 100%;
	height: 60px;
}

#content_header #search {
	float: right;
}

#content_header .breadcrumbs {
	float: right;
	clear: both;
	color: #fff;
	padding: 0 3px 0 0;
}

#content_header .breadcrumbs a {
	color: #fff;
}

#content_header .breadcrumbs a:hover {
	color: #9fb29f;
}

/*-----------------------------------
 content
-----------------------------------*/

#main_content {
	padding: 0;
	margin: 0;
}

#content_wrapper {
	width: 600px;
	float: right;
}

#content {
	padding: 10px 4px 10px 8px;
	margin: 0 6px;
	color: #000;
	clear: both;
}


#content img {
	margin: 0 0 0 2px;
}

#content a:hover {
	color: #faa105;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	padding: 0 0 4px 30px;
	margin: 2px 0 10px 0;
	background-image: url(../img/header_back.jpg);
	background-repeat: no-repeat;
	background-position: center left;
}

h1#main_title {
	margin: 0 0 30px 0;
	padding: 0;
	border-bottom: none;
	background-image: none;
	font-size: 200%;
}

/*-----------------------------------
 sidebar
-----------------------------------*/

#sidebar_wrapper {
	float: left;
	width: 180px;
}

#sidebar {
	padding: 6px 0;
	margin: 0;
}

/*-----------------------------------
 main menu
-----------------------------------*/

.menu {
	margin: 20px 0 20px 0;
	width: 160px;
	padding: 0;
	color: #000;
}

.menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-indent: 0;
}

.menu li {
	padding: 0;
	margin: 0;
}

.menu a, #font_family li a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	color: #000;
	padding: 4px 4px;
}

html>body .menu a, html>body #font_family li a {
	width: auto;
}

.menu a:visited {
	color: #000;
}

.menu a:hover, #font_family li a:hover {
	color: #008000;
	text-decoration: underline;
}

.menu li li a {
	padding: 1px 4px 1px 10px;
	font-weight: normal;
}

.menu li li li a {
	padding: 1px 4px 1px 16px;
}

.menu li li li a {
	padding: 1px 4px 1px 20px;
}

.menu li li li li a {
	padding: 1px 4px 1px 26px;
}

.menu h3, #text_size h3, .login h3, #font_family h3, #search h3 {
	margin: 1px 0 0 0;
	padding: 2px 4px;
	font-size: 120%;
	border-bottom: none;
}

.menu a.current {
	font-style: italic;
	color: #008000;
}

/*-----------------------------------
 login
-----------------------------------*/

.login, #font_family {
	text-transform: lowercase;
}

.login form, #search form {
	margin: 0 0 4px 0;
}

.login label {
	color: #fff;
	margin: 2px 4px;
	display: block;
}

.login input, #font_family input, #search input {
	margin: 0 2px 2px 4px;
	border: none;
}

.login .input_text, #font_family_other_input, #search .input_text {
	width: 200px;
	background-color: #fff;
	color: #008000;
	padding : 1px;
	border:1px solid #000;
}

.login .input_submit, #font_family_other_submit, #search .input_submit {
	background-color: #9fb29f;
	color: #fff;
	margin: 4px;
}

.login .error_box {
	width: 142px;
	border-bottom: none;
	color: #fff;
	text-transform: lowercase;
	text-align: left;
	padding: 4px;
}

.login p {
	margin: 0;
	padding: 0;
}

#content .login h3 {
	color: #000;
	background-color: #fff;
}

#content .login input {
	display: block;
}

#content .login label {
	margin: 10px 0 2px 4px;
	color: #000;
}

#content .login .input_text {
	width: 300px;
	margin: 2px 0 10px 4px;
}

#content .login .error_box {
	width: 300px;
	color: #fff;
	text-transform: lowercase;
	background-color: #abadbf;
	border-bottom: 6px solid #f2e3d7;
	text-align: left;
	vertical-align: middle;
	padding: 4px 0 10px 4px;
	margin: 4px 0;
}

/*-----------------------------------
 search
-----------------------------------*/

#search_wrapper {

}

#search {

}

#search form {
	margin: 4px 0 0 0;
}

#search .input_submit {
	margin: 2px 4px;
}

/*-----------------------------------
 text size
-----------------------------------*/

#text_size {
	margin: 0 0 0.4em 0;
	padding: 0;
	color: #fff;
}

#text_size ul {
	padding: 0.2em 4px;
	margin: 0;
}

#text_size li{
	list-style: none;
	display: inline;
	margin: 0 0.8em 0 0;
	padding: 0;
	border: 0;
}

#text_size a {
	text-decoration: none;
	color: #000;
}

#text_size a:hover {
	color: #008000;
}

/*-----------------------------------
 font family
-----------------------------------*/

#font_family {
	margin: 0 0 0.4em 0;
	padding-bottom:10px;
}

#font_family h4 {
	font-weight: normal;
	font-size: 85%;
	padding: 0.5em 4px 0.5em 4px;
	margin: 0;
	border-bottom: none;
}

#font_family h4 a {
	color: #000;
	text-decoration: none;
}

#font_family h4 a:hover {
	color: #666c8e;
}

#font_family ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-indent: 0;
	width: 100%;
}

#font_family li{
	list-style: none;
	padding: 0;
	margin: 0;
}

#font_family li a {
	padding: 2px 4px;
	width: 146px;
}

#other_font_form {
	padding: 1em 0;
	margin: 0;
}

#font_family input, #font_family_other_input {
	border: 1px solid #008000;
} 

#font_family_other_input {
	width: 150px;
}


/*-----------------------------------
 footer
-----------------------------------*/

#footer_wrapper {
	clear: both;
	width: 100%;
	border-top: 2px solid #008000;
}

#footer {
	padding: 10px;
	margin: 0;
	font-size: 80%;
	color: #008000;
}


#footer_wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/*-----------------------------------
 utility classes
-----------------------------------*/

.standard_size {
	font-size: 100%;
	text-transform: uppercase;
}

.big_size {
	font-size: 130%;
	text-transform: uppercase;
}

.biggest_size {
	font-size: 160%;
	text-transform: uppercase;
}

.clear {
	clear: both;
}

.breadcrumbs {
	margin: 6px 0 2px 0;
	padding: 0;
	font-size: 95%;
	width: 100%;
	text-align: right;
}

.breadcrumbs a {
	text-decoration: none;
}

.breadcrumbs a:hover {
	color: #faa105;
}

.error_box {
	width: 100%;
	color: #fff;
	text-transform: lowercase;
	background-color: #abadbf;
	border-bottom: 6px solid #f2e3d7;
	text-align: center;
	vertical-align: middle;
	padding: 4px 0 10px 0;
}

.hidden {
	background-color: #f2e3d7;
}

.members {
}

.unpublished {
	background-color: #abadbf;
}

/*-----------------------------------
 cms classes
-----------------------------------*/

.container {
	width: 100%;
	clear: both;
}

.container_submenu {
	width: 100%;
	border-top: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
	margin: 1em 0;
	padding: 0.3em 0;
	clear: both;
}

.container_submenu_left {
	float: left;
}

.container_submenu_right {
	float: right;
	text-align: right;
}

.container_submenu_right ul {
	display: inline;
}

.container_submenu_right li {
	display: inline;
	padding: 0 0 0 0.5em;
}

.container_submenu_right a, .container_submenu_right a:hover {
	text-decoration: none;
	border: none;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.float_center {
	text-align: center;
	display: block;
	margin: 4px 0;
}

img.float_left {
	float: left;
	margin: 0 8px 4px 0;
}

img.float_right {
	float: right;
	margin: 0 0 4px 8px;
}

div.float_right {
	text-align: right;
	width: 100%;
	display: block;
	margin: 4px 0;
}

div.float_left {
	text-align: left;
	width: 100%;
	display: block;
	margin: 4px 0;
}

.hidden td{
	border: 1px #000 solid;
}

.tcd, .tcd1 {
	clear: both;
	vertical-align: center;
	width: 470px;
	float: left;
	padding: 0.4em;
	background-color: #f2e3d7;
}

.user_details {
	margin: 1em 0;
}

.tcd1 {
	background-color: #e8d6c7;
}

.tcd_left {
	width: 160px;
	float: left;
	text-align: left;
	font-weight: bold;
}

.tcd_right {
	width: 300px;
	float: right;
	text-align: left;
}

.admin_sub_menu {
	width: 100%;
	list-style: none;
	text-indent: 0;
	margin: 2em 0 0.2em -2px;
	padding: 0;
}

.admin_sub_menu_content {
	padding: 1em;
	background-color: #f2e3d7;
	float: left;
	width: 480px;
}

.admin_sub_menu_content h3 {
	padding: 10px 0;
}

.admin_sub_menu li {
	display: inline;
	padding: 2px 10px;
	font-weight: bold;
	background-color: #f8f3ee;
	margin: 0 2px;
}

.admin_sub_menu li.active {
	border-left: none;
	background-color: #f2e3d7;
}

.admin_sub_menu a {
	font-weight: normal;
}

.text_input_div {
}

.text_input_div input {
	width: 250px;
}

.input_text, .input_checkbox {
	border: 1px solid #abadbf;
	background-color: #fbf4ee;
}

.input_checkbox {
	margin: 0 0 1em 0;
}

.select_div, .text_input_div, .textarea_div, .file_input_div {
	clear: both;
}

.select_div .label_span, .text_input_div .label_span, .datetime_div .label_span, .textarea_div .label_span, .file_input_div .label_span {
	width: 100px;
	float: left;
	text-align: left;
	font-weight: bold;
}

.select_div .select_span, .text_input_div .text_input_span, .datetime_div .date_select_div, .textarea_div .textarea_span, .file_input_div .file_span, , .file_input_div .checkbox_span {
	width: 350px;
	float: right;
	text-align: left;
}

.select_div .select_span select, .text_input_div .text_input_span input, .textarea_div textarea {
	margin: 0;
	padding: 0;
}

.textarea_div textarea {
	width: 250px;
	font-size: 100%;
}

.input_file {
	border: none;
	border: 1px solid #abadbf;
	background-color: #fbf4ee;
}

.date_select_div select, .select_div select {
	border: 1px solid #abadbf;
	background-color: #fbf4ee;
	margin: 0 0.3em 0 0;
}

.input_submit_update, .cancel_button {
	border: 1px solid #abadbf;
	background-color: #fbf4ee;
	color: #000;
	margin: 2em 0 0 0;
}

.group_div_left {
	float: left;
	width: 150px;
}

.group_div_right {
	float: right;
	text-align: left;
	width: 250px;
}

.swf_placeholder {
	background-image: url('../img/ubiedit/flash_back.jpg');
}

.video_placeholder {
	background-image: url('../img/ubiedit/video_back.jpg');
}