/* CSS Document */

@import url(/css/pixologicstyle.css);

body, p, li { font: 12px Verdana, sans-serif; color: #AAA; }

p.content, strong { padding: 0px 50px 10px 50px; text-align: left; line-height: 20px;}
b, strong { padding: 0px 0px 10px 0px; color: #DDD;}
.banner { background-repeat: no-repeat; height: 350px; width: 960px; border: thin solid #F60; border-width: 1px 0px 1px 0px; }
.banner_back { background-color: #333; width: 960px;}
.content_container { background-color: #333; width: 960px; padding: 7px 0px 0px 0px; }
.linkRt { position: relative; float: right; }

div.line_long { border: thin solid #999; border-width: 1px 0px 0px 0px; color: #999; width: 930px; position: relative; }

div.spacer { clear: both; }

/* general columns */
.columnFull { width:900px; text-align:center; padding:20px 0px; }

.column_A { width:440px; float:left; margin-left:60px; /*border: 1px solid red;*/ }
.column_B { width:440px; float:right; margin-left:0px; /*border: 1px solid red;*/ }
.column_A p, .column_B p, .column_2 p, .columnFull p { text-align:left; color:#CCC; padding: 0px 10px 0px 8px; font-size:12px; }
.column_B p { padding: 0px 60px 0px 8px; }

.column_1 { width:220px; float:left; text-align:right; }
.column_2 { width:400px; float:left; }
.column_3 { width:340px; float:right; }

/* zclassroom */
.button1, .button2, .button3 { float: left; margin: 0px 0px 30px 13px; }

.buttonImage { margin: 10px 0px 10px 0px; border: 0px; }

ul.buttonTitle, ul.buttonContent {
	list-style-type: none;
	width: 302px;
	min-height: 35px;
	padding: 0px;
	margin: 0px;
	border:0;
}

li.content { background-color: #151515; }

ul.buttonTitle { background: url(/zclassroom/img/title_ctr.gif) repeat-x; }
ul.buttonTitle li { display: inline; }
ul.buttonTitle .titleText { color: #CCC; position: relative; float: left; margin: 10px 0px 0px 10px; font-weight: bold; }

li.left { background: url(/zclassroom/img/title_lt.gif) no-repeat; width: 5px; height: 35px; float: left; }
li.right { background: url(/zclassroom/img/title_rt.gif) no-repeat; width: 5px; height: 35px; float: right; }

ul.buttonContent li.contentTop { background: url(/zclassroom/img/but_content_top.gif) no-repeat; height: 5px; }
ul.buttonContent li.contentBtm { background: url(/zclassroom/img/but_content_btm.gif) no-repeat; height: 5px; padding:5px; }
li.content { text-align: left; padding: 5px 10px 20px 10px; }

.largetitles { font-size: 16px; color: #FFF; text-align: left; font-weight: bold; }

input#key { font-size:12px; font-weight:bold; color: #F60; background: #333; border: 1px solid #F60; padding:2px; }

/* banner rollover standard */
.bnrLink { position: relative; z-index: 250; text-align: left; display:none; z-index:250; opacity: 0.9; filter:alpha(opacity=90); }
div.bnrLink ul li { list-style-type: none; padding:10px; background-color: #FF6600; border: 1px solid #FFFFFF; margin: 0px 0px -1px 0px; font-size: 11px; cursor: pointer;}
div.bnrLink ul li:hover { background-color: #663300; padding:10px; }
div.bnrLink ul li a { padding: 5px; }