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

* {
	padding: 0;
	margin: 10px 0 0 0;
}

body {
	font-family: arial, sans-serif;
	color:#333;
	padding: 0;
	margin: 0;
	background-color: #ffff;
	text-align: center;

}

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

a, a:visited {
	color: #020181;
	text-decoration: none;
}

a:hover, a:visited:hover {
	color: #000;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	font-family: tahoma, trebuchet, verdana;
	line-height: 120%;
	color:#020181;
}	

h1 {
	font-size: 200%;
}

h2 {
	font-size: 160%;
}

h3 {
	font-size: 140%;
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 110%;
}

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

address {
	margin: 1em 0;
	line-height: 120%;
}

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

#wrapper {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

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



/*-----------------------------------
 header
-----------------------------------*/
#header {
	padding: 0 0;
	margin: 0 0 0 0;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height:180px;
	text-align: right;
}




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

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

#content_wrapper {
	width: 560px;
	float: left;
}

#content {
	padding: 0em 1em 1em 0;
	color: #000;
	line-height: 150%;
}

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

#content p {
	margin: 0 0 1.5em 0;
}

#content a {
}

#content a:hover {
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	margin: 0 0 0.5em 0;
}

#content ul {
	margin: 0 0 0 2em;
}

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

#sidebar_wrapper {
	float: right;
	width: 210px;
}

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

#sidebar h3 {
	border-bottom: 1px #8e8f8f solid;
}

#sidebar a, #sidebar a:visited {
	color: #020181;
}

#sidebar a:hover, #sidebar a:visited:hover {
	color: #000;
}

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

.menu {
	margin: 0;
	width: 200px;
	padding: 0;
}

.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;
	padding: 3px 0 0 0;
	color: #020181;
	width: 190px;
}

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

.menu a:visited {
}

.menu a:hover, #font_family li a:hover {
	color: #000;
}

.menu li li {
}

.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, #font_family h3, #search h3 {
	margin: 1px 0 0 0;
	padding: 2px 4px 6px 0;
	width: 210px;
	font-size: 100%;
}

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

#user_menu {
	margin: 20px 0 0 0;
}

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

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

#font_family input, #search input {
	margin: 0 2px 2px 4px;
	border: 1px solid #ccc;
}

#font_family_other_input {
	width: 130px;
	background-color: #f7f5e8;
	color: #000;
	padding : 1px;
}

#font_family_other_submit, #search .input_submit {
	margin: 4px;
}

#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;
	text-align: left;
	vertical-align: middle;
	padding: 4px 0 10px 4px;
	margin: 4px 0;
}

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

#search_wrapper {
}

#search {
	margin: 20px 0;
	padding: 0 0 10px 0;
	width: 210px;
	border-bottom: 6px #fff solid;
}

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

#search .input_submit {
	margin: 2px 4px;
	background-color: #d8d4d4;
	border: 1px ##8e8f8f solid;
	color: #8e8f8f;
}

#search .input_text { 
	width: 190px;
	border: 1px #8e8f8f solid;
	background-color: #fff;
}

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

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

#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;
}

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

#font_family {
	margin: 0;
	padding-bottom:10px;
	width: 214px;
}

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

#font_family h4 a {
}

#font_family h4 a:hover {
}

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

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

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

#font_family li a:hover {

}

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


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

#footer_wrapper {
	clear: both;
	width: 100%;
	margin: 15px 0 0 0;
}

#footer {
	padding: 10px 10px 5px 10px;
	font-size: 80%;
	text-align: center;
	border-top: 1px solid #ccc;
}

#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: 0;
	padding: 0;
}

.breadcrumbs a {
	text-decoration: none;
}

.breadcrumbs a:hover {
}

.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');
}