html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit;
	line-height: auto;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


ol,ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;	
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}


blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

strong {
	font-weight: bold;
}


html {
}

body {
	font: 11px Verdana,Arial;
	background: white url('../images/system/header_bg_gradient.gif') repeat-x 0 0;
}

a,a:hover {
	text-decoration: underline;
	cursor: pointer;
	color: black;
}

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

a:visited {
	text-decoration: underline;
	cursor: pointer;
	color: black;
}


a img,a:hover img {
	border: none;
}
	
	
.clear {
	clear: both;	
}

.nolink,.nolink:hover {
	text-decoration: none;
}

.hidden {
	visibility: hidden;
	display: none;
}

.handpoint {
	cursor: pointer;
}


.clear {
	clear: both;
}





.hr {
	height: 1px;
	font-size: 1px;
	background: #A1A1A1;
	margin: 10px 0px 10px 0px;
}



img.icon {
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
}

img.btn {
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
}

img.msep {
	vertical-align: middle;
	margin: 0px 10px 0px 10px;
}


img.themespot {
	
}


/* ---------------------------------------------------------------------------------------------- */
#header {
	height: 90px;
	position: relative;
	width: 940px;
	margin: 0 auto;
	position: relative;
}




#header .logo {
	position: absolute;
	width: 340px;
	left: 50px;
	top: 22px;
}


#header .logo img {
}




/* ---------------------------------------------------------------------------------------------- */
#page {
	width: 940px;
	margin: 0 auto;
	margin-bottom: 20px;
}



.layout1col #content {
	width: auto;
}



/* -------------------------------- */
#page.layout2col {
}


.layout2col #leftcol {
	width: 300px;
	float: left;
}

.layout2col #content {
	position: relative;
	width: 620px;
	float: left;
	margin-left: 20px;
	/*text-align: justify;*/
}



#content .headline {
	margin: 0 0 10px 0;
}

#content .headline img {
	vertical-align: middle;
}

#content h2 {
	font-weight: normal;
	font: 15px Arial, Verdana;
	color: #666;
	margin: 0px 0px 2px 0px;
	padding: 0 0 4px 0;
	background: transparent url('../images/system/1dot_horz.gif') repeat-x 0 100%;
}


#content h2 a,#content h2 a:hover {
	text-decoration: none;
	color: #666;
}


#content h3 {
	font: 11px Verdana, Arial;
	color: #888;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}



.stripe {
	margin: 0px 0px 20px 0px;
}


#page.print {
	width: auto;
	clear: both;
	margin: auto;
	padding: 0;
}

#page.print #content {
	width: auto;
	clear: both;
	margin: auto;
	padding: 0;
}



.floatright {
	float: right;
	margin: 0px 0px 0px 10px;
}


.floatleft {
	float: left;
	margin: 0px 20px 0px 0px;
}



#content .mr1 {
	margin-right: 20px;
}

#content .ml1 {
	margin-left: 20px;
}

#content p {
	/*text-indent: 20px;*/
	margin: 0px 0px 20px 0px;
}


#content .navigator {
	font: 9px Verdana, Arial;
	color: #999999;
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: middle;
	
}

#content .navigator span {
	vertical-align: middle;
}



#content .block p {
	text-align: justify;
}

#content p.notice {
	color: #999999;
	font-size: 9px;
}



#content  ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;	
	margin: 0 0 20px 0;
	padding: 0 0 0px 0px;
}


#content  ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal;	
	margin: 0 0 20px 0;
	padding: 0 0 0 25px;
}





#content  ul.list li {
	padding-left: 15px;
	margin-bottom: 5px;
	background: transparent url('../images/system/list_marker.gif') no-repeat 0 5px;
}


#content  ol.list li {
	padding: 0px 0px 0px 0px;
}





#content .searchresult {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;	
}


#content .searchresult li {
	padding: 2px 0px 2px 15px;
	background: transparent url('../images/system/list_marker.gif') no-repeat 0 8px;
	margin: 0 0 20px 0;
}


/* ---------------------------------------------------------------------------------------------- */

#content .col1 {
	width: 300px;
	float: left;
	margin-bottom: 20px;
}




/* ---------------------------------------------------------------------------------------------- */
.box {
	position: relative;
	margin: auto;
	margin-bottom: 20px;
	background: transparent url('../images/system/box_bg_gradient.jpg') repeat-x 0 0;	
}

.box .caption {
	padding: 2px 0px 0px 7px;
	border-bottom: 1px solid white;
}



.box .content {
	padding: 6px;
	/*border-top: 1px solid #A1A1A1;*/
}

.box .footer {
	position: absolute;
	width: 300px;
	bottom: 0px;
	height: 5px;
	font-size: 1px;
	clear: both;
}


.layout2col #leftcol .box .footer {
	position: relative;
	clear: both;
}


/* ---------------------------------------------------------------------------------------------- */
.box1col .caption {
	background: #368F9F url('../images/system/box_round_top_1col.gif') no-repeat 0px 0px;
}

.box1col .captionhlt {
	background: #368F9F url('../images/system/box_round_top_1col_hlt.gif') no-repeat 0px 0px;
}

.box1col .footer {
	background: transparent url('../images/system/box_round_bottom_1col.gif') no-repeat 0 100%;
}

.box2col .caption {
	background: #368F9F url('../images/system/box_round_top_2col.gif') no-repeat 0px 0px;
}

.box2col .footer {
	background: transparent url('../images/system/box_round_bottom_2col.gif') no-repeat 0 100%;
}



/* ---------------------------------------------------------------------------------------------- */
#content .box1col {
	width: 300px;
	float: left;
}


/* ---------------------------------------------------------------------------------------------- */
#content .box2col {
	width: 620px;
	float: left;
}




/* ---------------------------------------------------------------------------------------------- */
#footer {
	position: relative;
	width: 940px;
	margin: 40px auto 50px auto;
	background: transparent url('../images/system/2dot.gif') repeat-x 0 0;
	padding: 10px 0px 0px 0px;
	color: #999999;
	font: 10px Verdana,Arial;
}


#footer a,#footer a:hover,#footer a:visited {
	text-decoration: none;
	color: #999999;
}




/* ---------------------------------------------------------------------------------------------- */
.source {
	background: #FEFFF1;

	padding: 10px;
	overflow: auto;
	height: 500px;
	font: 11px "Courier New",Courier,mono;
	white-space: nowrap;

}




.css {
	background: #F1F5F1;
	padding: 10px;
	overflow: auto;
	height: 500px;
	font: 11px "Courier New",Courier,mono;
	white-space: nowrap;
}


.tabcontrol .tabsheet .logger {
	/*background: #F1F2F5;*/
	background: transparent url('../images/system/box_bg_blue.jpg') repeat 0 0;
	padding: 10px;
	border: 1px dotted #999999;
	overflow: auto;
	height: 500px;
	font: 11px Arial,Verdana;
	white-space: nowrap;
}

/* ---------------------------------------------------------------------------------------------- */
.pstart {
	float: left;
	margin: 0px 10px 0px 0px;
}



/* ---------------------------------------------------------------------------------------------- */
.pstart {
	float: left;
	margin: 0px 10px 0px 0px;
}



.w1 {
	width: 300px;
}

.w2 {
	width: 620px;
}


.h1 {
	height: 140px;
}

.h2 {
	height: 300px;
}



/* form   ----------------------------------------------------------------------------- */

.required  {
	color: #990000;
	font-weight: bold;
	font-size: 12px;
}


form {
	margin: 0 0 20px 0;
}

form .formline {
	margin: 0 0 10px 0;
}

form input.singleline {
	border: 1px solid #AAAAAA;
	vertical-align: middle;
	padding: 2px 3px;
	background: #white;
	color: #666666;
}

form textarea.multiline {
	border: 1px solid #AAAAAA;
	vertical-align: middle;
	padding: 2px 3px;
	background: #white;
	color: #666666;
}

img.captcha {
	vertical-align: middle;
	margin: 0px 5px 0px 0px; 
}


input.button {
	vertical-align: middle;
	padding: 2px 10px; 
	border: 1px solid #AAAAAA;
}

input.err {
	border: 1px solid #FFA0A0;
	background: #FFA1A1;
}

input.captcha {
	width: 50px;
	text-align: center;
	margin-left: 5px;
}



textarea.err {
	border: 1px solid #FFA0A0;
	background: #FFA1A1;
}

label.err {
	color: red;
}



#mainmenu li.search label {
	margin-right: 5px;
	vertical-align: middle;
}


/* table   ----------------------------------------------------------------------------- */

table.std {
	margin: 0px 0px 20px 0px;
}

table.std td, table.std th {
	text-align: left;
	vertical-align: top;
	padding: 1px 10px 1px 0px;
}

table.std th {
	font-style: italic;
	background: #F1F1F1;
}



table.std .right {
	text-align: right;
}


.errormsg {
	color: #990000;
	padding: 10px;
	border: 1px solid #990000;
	margin: 0 0 20px 0px;
}



#content #tbform .col1 {
	width: 140px;
	float: left;
}


#content #tbform .floatleft {
	margin: 0;
}

#content #tbform .floatleft {
	margin: 0;
}


#content #tbform .ml1 {
	margin-left: 10px;
}

#content #tbform .w1 {
	width: 140px;
}


#content #tbform textarea.w1 {
	width: 300px;
}