/* CSS Document */

/* STYLE FOR HTML TAG */
* {margin: 0; padding: 0; }
html { background: #1A1A1A  url('../images/background.jpg') repeat-x scroll 0 0;  } 
body { 
	font: 12px Verdana, Arial, helvetica, Sans-Serif; 
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.5em;
		
	margin: 0 auto; 
	width: 768px; 
	/* background: url('../images/wrapper.png') repeat-y scroll 0 0pt; */
	color: #CCC;
}

form { margin-bottom: 10px; }
legend { margin-left: 7px; padding: 0 2px; }

th { text-align: center; }
h1, h2, h3, h4, h5 { clear: both; margin: 20px 0 15px 0; font-weight: normal; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }
a { color: #F1D142; text-decoration: none; }
option { padding-right: 5px; }
img { border: 0; }
p { padding: 5px 0; }
ul { margin: 0 0 5px 20px; }

.inner { margin: 10px 10px 0; }
#maincolumn .inner { margin-bottom: 20px; }
#sidebar .inner { margin: 10px 5px 20px 5px; }
#footer .inner { margin: 10px 0 15px; }

.number, .align-right { text-align: right; }
.align-center { text-align: center; }
.clear { clear: both; }
.important { color: #C00; }

h2 { display: block; border-bottom: 0px solid #CCC; color: #F1D142; }
h3 { display: block; background: #375380; padding: 5px 10px; color: #FFF; }
/* END STYLE FOR HTML TAG */

#admin {
	font: 12px Arial, helvetica, Sans-Serif;
	width: 1200px;
	line-height: 1.5em;
	background: #FFF none;
}

#wrapper { position: relative; }

#header { height: 290px; width: 100%; background: url('../images/main-header.jpg') no-repeat 0 40px; }
#webtitle { background: url('../images/title.jpg') no-repeat 0 0; text-indent: -9999px; height: 40px; width: 240px; display: block; }
#header #desc { text-align: right; color: #FFF; position: absolute; top: 120px; right: 40px; }
#header #desc P { font-size: 1.4em; font-style: italic; }
#header #desc ul { margin-top: 40px; }
#header #desc ul li { list-style: none; padding-right: 15px; background: url('../images/triangle-point.png') no-repeat right 4px; } 

#mainmenu { position: absolute; right: 0; top: 0; }
#mainmenu ul { margin-top: 15px; }
#mainmenu ul li { background: url('../images/menu-inactive.jpg') no-repeat 0 5px; float: left; list-style: none; margin: 0 10px; }
#mainmenu ul li:hover { background-image: url('../images/menu-active.jpg'); }
#mainmenu a { color: #F7E384; padding: 0 0 0 15px; display: block; }

#mainmenu_admin { position: relative; height: 20px; top: 5px; }
#menu_admin_top { position: absolute; top: 0; right: 10px; }
#menu_admin_top li { list-style: none; display: inline; padding: 3px 5px; }
#menu_admin_main { position: absolute; left: 10px; margin: 0 0 5px 0; }
#menu_admin_main li { list-style: none; float: left; padding: 0 10px 3px 10px; }
#menu_admin_main li ul { display: none; }
#menu_admin_main li:hover ul { display: block; background: #CCC; }
#menu_admin_main ul li { float: none;  }

#column { background: url('../images/content_background.jpg') repeat-y 0 0; position: relative; }
#singlecolumn { position: relative; }
#fullcolumn { margin: 10px; }
#maincolumn { float: left; width: 510px; }
#sidebar { float: left; width: 250px; }

#singlecolumn #maincolumn { }

#footer { color: #CCC; text-align: center; }

/* boxes */
.group-entry { }
.group-entry-head { background: #6F8992 none repeat scroll 0 0; padding: 2px 10px; }
.group-entry-head h4 { color: #FFF; font-size: 1.2em; line-height: 18px; margin: 0; padding: 0; font-weight: bold; }
.group-entry fieldset { background: #FAFAFA none repeat scroll 0 0; border: 1px solid #D6D6D6; padding: 10px 15px; margin-bottom: 15px; }

.box-left, .box-right { width: 48.5%; }
.box-left { float: left; }
.box-right { float: right; }
.box-justify {width: 100%; }

/* datagrid */
.datagrid { width: 100%; border-width: 1px 1px medium; border-style: solid solid none; border-color: #CBD3D4 #CBD3D4 -moz-use-text-color; margin-bottom: 5px; }
tr.row-headings { background: transparent url(../images/sort_row_bg.gif) repeat-x scroll 0 50%; } 
tr.row-filter { background: #E3EFF1 url(../images/filter_row_bg.gif) repeat-x scroll 0 0; }
tr.row-headings th { border-color: #F9F9F9 #D1CFCF #F9F9F9 #F9F9F9; border-style: solid; border-width: 1px; padding: 1px 3px 2px 3px; }
tr.row-headings th a, .datagrid tr.row-headings th .nobr { display: block; padding: 2px 4px 1px 0; }
tr.row-headings th a:hover { color: #F5720B; }
tr.row-filter th { vertical-align: top; padding: 4px 0 2px 0; border-color: #BDBDBD; border-style: solid; border-width: 0 1px 1px 0; white-space: normal; }
.datagrid td { padding: 2px 3px; border-color: #DADFE0; border-width: 0 1px 1px 0; border-style: solid; }
.datagrid td.last, .datagrid th.last { border-right: 0 none; }
.datagrid tr.even { background: #F6F6F6 none repeat scroll 0 0; }

tr.row-headings span.sort-title { display: block; line-height: 1; }  
.datagrid a.sort-arrow-desc, .datagrid a.sort-arrow-asc { background: transparent url(../images/sort_on_bg.gif) no-repeat scroll 0 0; }
.datagrid a.sort-arrow-desc span.sort-title, .datagrid a.sort-arrow-asc span.sort-title { padding: 3px 12px 2px 8px; background-position: right 50%; background-repeat: no-repeat; }

.datagrid tr.row-headings th a.sort-arrow-desc span.sort-title { background-image: url(../images/grid_sort_desc.gif); }
.datagrid tr.row-headings th a.sort-arrow-asc span.sort-title { background-image: url(../images/grid_sort_asc.gif); }

.column-center, .column-checkbox { text-align: center; }
.column-right, .column-number { text-align: right; }

.datagrid-pagination table { width: 100%; }

table.list { width: 100%; margin: 5px 0 0; }
table.list td, table.list th { padding: 2px 3px 3px 3px; }
table.list th { font-weight: bold; }

table.box-justify { width: 100%; }
table.box-justify td, table.box-justify th { padding: 0 3px 1px 3px; }
tr.clickable { cursor: pointer; } 

/* datagrid pagination */
.datagrid-pagination { margin-bottom: 5px; }
.datagrid-pagination table td { vertical-align: top; }
.change-page, .change-page-disabled { padding: 0 3px; vertical-align: middle; }
.change-page img { padding-top: 2px; }
#current_page { text-align: right; }

/* form */
.input-filter { width: 98%; }
.input-filter-number { width: 70px; text-align: right; }
.input-filter-date { width: 70px; }
.filter-label { float: left; width: 36px; padding-top: 3px; }
.filter-icon { float: left; padding-top: 0px; }
.icon-filter-date { padding: 2px 2px 0 0; }
.filter-row { margin-bottom: 2px; padding: 2px; }
.filter-actions { text-align: right; }

.form-label { color: #CCC; float: left; width: 150px; }
.form-field { clear: both; margin-bottom: 5px; }
.form-input { display: block; margin-left: 150px; }
.form-agree { margin: 4px 0 0; }

.mark { color: #F1D142; }
input.btn-submit { margin-top: 5px; border: 1px solid #F7E89E; background: url('../images/button-background.jpg') repeat-x; color: #FFF; padding: 2px 16px 4px; font-size: 0.9em; font-weight: bold; }

.inp-notes {
	font-size: 0.8em;
	color: #999;
}
.notes {
	border: 1px solid #333;
	padding: 2px 5px;
	margin: 10px 0;
	font-style: italic;
	font-size: 0.8em;
	color: #F1D142;
}

#form_account_user_join .form-input input { width: 300px; }

/* list */
ul.list-left { float: left; width: 45%; }
ul.list-right { float: right; width: 45%; }

.list-nostyle { list-style: none; margin: 0; }

/* FAQ */
.faq-question { padding-top: 10px; font-weight: bold; color: #FFF; }

/* welcome page */
.welcome-header { color: #FFF; background-color: #C27B21; padding: 5px 10px; text-align: center; font-weight: bold; font-size: 1.1em; }

/* sidebar override */
#sidebar .form-label { width: 80px; font-size: 0.9em; }
#sidebar .form-input { margin-left: 80px; }

#sidebar h2 { font-size: 1em; font-weight: bold; margin: 20px 0 10px; }
#sidebar .welcome-message { font-size: 0.9em; text-align: right; }

/* join page */
.term-condition { overflow: auto; height: 150px; border: #CCC; background-color: #FFF; color: #000; padding: 5px 10px; }

/* widget stat */
.widget-stat label { display: block; float: left; width: 120px; }

/* widget-paypal */
.widget-paypal { margin-top: 15px; }

/* complex-message */
.complex-message {
	border: 2px solid #966A00;
	padding: 5px;
	margin: 10px 0;
	background: #E8BA4A;
}

.complex-message li { margin-left: 20px; color: #A20202; }
.indent-2 { margin-left: 5px; }

/* footer */
#footer { font-size: 0.8em; border-top: 1px solid #111; color: #666; }

/* testimonials */
.testimonial-list { margin: 0; list-style: none; }
.testimonial-list li { border-bottom: 1px solid #999; margin: 10px 0; }
.testimonial-owner {text-align: right; margin-top: 20px; font-size: 0.9em; color: #999; }
.testimonial-posted { text-align: right; color: #666; font-size: 0.8em; font-style: italic; }