/*
 * #01 - General 
 * #02 - Menus / lists
 * #03 - Forms
 * #04 - Header
 * #05 - Pulldown (General)
 * #06 - Pulldown (Columns and Rounded Corners)
 * #07 - Pulldown (Sections)  
 * #08 - Main Page
 * #09 - Tables
 * #10 - Other    
 */

/* #01 - GENERAL **************************************************************/

* 
{
	margin: 0;
	padding: 0;
}

body
{
	background: #000 url('../images/topbar.gif') repeat-x 0 0;
	
	/* centering */
	text-align: center;
	min-width: 926px; /* largest the site will be */
}

/* #02 - MENUS / LISTS ********************************************************/
/* #03 - FORMS ****************************************************************/

/* GENERAL */

fieldset
{
	border: none;
}

form label
{
    clear: right;
	float: left;
    width: 80px;
    margin-bottom: 5px;
}

form .input-text
{
    width: 195px;
    margin-bottom: 5px;
}

form .input-checkbox
{
	width: 196px;
	margin: 0 0 5px 80px;
}

form .input-file
{
	width: 275px;
	margin-bottom: 5px;
}

form select
{
    width: 196px;
    margin-bottom: 5px;
}

.right-button
{
	float: right;
	clear: right;
	margin: 0 8px 5px 0;
}

/* LOGIN */

form#login-form label
{
	display: block;
	width: 150px;
	margin-bottom: 10px;
}

form#login-form .form-image
{
    margin-top: 24px;
}

/* LOST PASSWORD */

form#lost-pass-form label
{
    display: block;
    width: 150px;
    margin-bottom: 10px;
}

form#lost-pass-form .form-image
{
    margin-top: 24px;
}

/* REGISTER STUDENT */

body#reg-student #captcha
{
	margin: 0 0 5px 80px;
}

body#reg-student #captcha-instructions
{
	margin: 0 0 10px 0;
}

/* STUDENT CLASSES */

#student-classes form
{
	display: inline;
}

#student-classes form div /* only used to adhere to standards */
{
	display: inline;
}

/* SEND CLASS TO A FRIEND */

#form-sc-email,
#form-sc-message
{
	width: 281px; /* 286 - 5 */
	height: 50px;
}

/* ADMIN EMAIL */
#form-ae-email
{
	width: 583px;
	height: 50px;
}

/* #04 - HEADER ***************************************************************/

#top-outer-wrapper
{
	background: #292828 url('../images/topbar.gif') repeat-x 0 0;
	padding-bottom: 12px;
}

#top-outer-wrapper.no-book
{
	padding-bottom: 0px;
}

#top-centering-wrapper
{
	/* centering */
	width: 926px;
	margin: 0 auto;
	text-align: left;
}

#header
{
    padding: 0 10px;
    height: 24px;
    overflow: hidden;
}

#header .leftcol-main
{
    float: left;
    width: 602px;
}

#header .leftcol
{
	float: left;
	width: 286px;
}

#header .rightcol-main
{
	float: right;
	width: 598px;
	text-align: right;
	
	padding-top: 5px;
	height: 19px; /* 24px - 5px */
	overflow: hidden;
}

#header .middlecol
{
	float: left;
	width: 450px;
	text-align: left;
}

#header .rightcol
{
	float: right;
	width: 143px;
}

#logo
{
	width: 251px;	
}

#header p
{
    display: inline;
    height: 24px;
}

#header img
{
    vertical-align: -3px;
}

/* #05 - PULLDOWN (GENERAL) ***************************************************/

#pulldown-wrapper
{
	background: #292828;
	clear: both; /* without this, pulldown will partially disappear when sliding up/down */
}

/* required for scriptaculous slideup/slidedown to work */
#pulldown-fix
{
	height: 100%; /* Fixes missing background in IE6, flickering when sliding in IE6 */
}

#pulldown-main
{
	background: #ebebeb url('../images/expand_top.gif') repeat-x 0 0;
	padding: 12px 10px 20px 10px;
	width: 906px; /* 926 - 10 - 10 */
	float: left; /* without this, pulldown background colour won't fill entire height in FF */
}

#pulldown-footer
{
    width: 906px; /* 926 - 10 - 10 */
    height: 31px; /* 37 - 6 */
    padding: 4px 10px 0 10px;
	background: url('../images/pull_down_footer.gif') no-repeat;
	clear: both;
}

#pulldown-footer.no-book
{
	background: url('../images/pull_down_footer_no_book.gif') no-repeat;
}

#pulldown-footer .form-image
{
    margin-left: 7px;
}

/* #06 - PULLDOWN (COLUMNS AND ROUNDED CORNERS) *******************************/

/* No Box, 1 Column */

.nobox-onecol
{
    width: 906px;
	overflow: hidden; /* allows elements below this area to clear properly */    
}

/* No Box, 2 Columns (Left Heavy) */

.nobox-twocol-l
{
    width: 906px;
	overflow: hidden; /* allows elements below this area to clear properly */
}

.nobox-twocol-l .leftcol-main
{
    float: left;
    width: 589px;
    padding: 11px 6px 0 6px;
}

.nobox-twocol-l .rightcol
{
    float: right;
    width: 286px;
    padding: 11px 6px 0 0;
}

/* No Box, 2 Columns (Right Heavy) */

.nobox-twocol-r
{
    width: 906px;
    overflow: hidden; /* allows elements below this area to clear properly */
}

.nobox-twocol-r .leftcol
{
    float: left;
    width: 286px;
    padding: 11px 0 0 6px;
}

.nobox-twocol-r .rightcol-main
{
    float: right;
    width: 589px;
    padding: 11px 6px 0 6px;
}

.nobox-twocol-r.title-box .leftcol,
.nobox-twocol-r.title-box .rightcol-main
{
	padding-top: 0;
	padding-left: 0;
}

/* No Box, 3 Columns */

.nobox-threecol
{
	overflow: hidden; /* allows elements below this area to clear properly */
}

.nobox-threecol .leftcol-main
{
    float: left;
    width: 602px;
    padding: 11px 0 0 0;
}

.nobox-threecol .leftcol
{
    float: left;
    width: 286px;
    padding-left: 6px;
}

.nobox-threecol .middlecol
{
    float: right;
    width: 286px;
    padding-right: 6px;
}

.nobox-threecol .rightcol
{
    float: right;
    width: 286px;
    padding: 11px 6px 0 0;
}

/* 1 Box (Left Heavy), 2 Columns (Left Heavy) */

.onebox-l-twocol-l
{
	overflow: hidden; /* allows elements below this area to clear properly */
}

.onebox-l-twocol-l .leftcol-main
{  
    float: left;
    width: 602px; /* Box only goes around left 2 columns */
}

.onebox-l-twocol-l .rightcol
{
    float: right;
    width: 286px;
    padding: 11px 6px 0 0; /* 11px = 6px for padding and 5px to match .rc-header  */
}

/* 1 Box (Left Heavy), 3 Columns */

.onebox-l-threecol
{
	overflow: hidden; /* allows elements below this area to clear properly */
}

.onebox-l-threecol .leftcol-main
{
    float: left;
    width: 602px;
}

.onebox-l-threecol .leftcol
{
    float: left;
    width: 286px;
}

.onebox-l-threecol .middlecol
{
    float: right;
    width: 286px;
}

.onebox-l-threecol .rightcol
{
    float: right;
    width: 286px;
    padding: 11px 6px 0 0; /* 11px = 6px for padding and 5px to match .rc-header */
}

/* 1 Box, 1 Column */

.onebox-onecol
{
    width: 906px;
	overflow: hidden; /* allows elements below this area to clear properly */    
}

/* 1 Box, 2 Columns (Left Heavy) */

.onebox-twocol-l
{
    width: 906px;
    overflow: hidden; /* allows elements below this area to clear properly */
}

.onebox-twocol-l .leftcol-main
{
    float: left;
    width: 589px;
    padding: 6px 6px 0 6px;
}

.onebox-twocol-l .rightcol
{
    float: right;
    width: 286px;
    padding: 6px 6px 0 0;
}

/* 1 Box, 2 Columns (Right Heavy) */

.onebox-twocol-r
{
    width: 906px;
    overflow: hidden; /* allows elements below this area to clear properly */
}

.onebox-twocol-r .leftcol
{
    float: left;
    width: 286px;
    padding: 6px 0 0 6px;
}

.onebox-twocol-r .rightcol-main
{
    float: right;
    width: 589px;
    padding: 6px 6px 0 6px;
}

/* 1 Box, 3 Columns */

.onebox-threecol
{
	overflow: hidden; /* allows elements below this area to clear properly */
}

.onebox-threecol .leftcol-main
{
    float: left;
    width: 596px;
}

.onebox-threecol .leftcol
{
    float: left;
    width: 286px;
    padding-right: 6px;
}

.onebox-threecol .middlecol
{
    float: right;
    width: 286px;
    padding-right: 6px;
}

.onebox-threecol .rightcol
{
    float: right;
    width: 286px;
}

/* 3 Boxes, 3 Columns */

.threebox-threecol
{
	overflow: hidden; /* allows elements below this area to clear properly */
}

.threebox-threecol .leftcol-main
{
    float: left;
    width: 602px;
}

.threebox-threecol .leftcol
{
    float: left;
    width: 298px;
}

.threebox-threecol .middlecol
{
    float: right;
    width: 298px;
}

.threebox-threecol .rightcol
{
    float: right;
    width: 298px;
}

/* Used if a column is placed below another one (used in conjuction with .clear) */
.lowercol
{
	clear: both;
    margin-top: 5px;
}

/* The left column of the pulldown-footer. SHould be 50% width of footer */
.leftcol-half
{
    float: left;
    width: 453px; /* 463 - 10 */
    height: 17px; /* 24 - 5 - 2 for good measure */
    padding-top: 3px;
    overflow: hidden;
}

/* The right column of the pulldown-footer. Should be 50% width of footer */
.rightcol-half
{
    float: right;
    width: 453px; /* 463 - 10 */
    text-align: right;
    height: 17px; /* 24 - 5 - 2 for good measure */
    overflow: hidden;
}

/* Half of a regular colum, left side */
.halfcol-left
{
	float: left;
	width: 143px;
}

/* Half of a regular colum, right side */
.halfcol-right
{
	float: right;
	width: 143px;
}

/* ROUNDED CORNERS */

.rc-header
{
    background: transparent url('../images/rc_top_left.gif') no-repeat 0 0;
}

.rc-header .rc-corner
{
    overflow: hidden;
    height: 5px;
    background: transparent url('../images/rc_top_right.gif') no-repeat right 0;
}

.rc-body
{
    background: transparent url('../images/rc_left.gif') repeat-y 0 0;
}

.rc-body .rc-corner
{
    background: transparent url('../images/rc_right.gif') repeat-y right 0;
}

.rc-body .rc-corner .rc-content
{
    overflow: hidden; /* alternative to putting an empty div below the content with clear: both;
    				     This will ensure the height of .rc-content stretches to match the content,
    				     even if the content within is floated */
}

.onebox-onecol .rc-content,
.onebox-threecol .rc-content,
.onebox-l-twocol-l .rc-content,
.onebox-l-threecol .rc-content,
.threebox-threecol .rc-content
{
    padding: 6px; /* keeps padding inside the rounded corner lines */
}

.rc-footer
{
    background: transparent url('../images/rc_bottom_left.gif') no-repeat 0 0;
}

.rc-footer .rc-corner
{
    overflow: hidden;
    height: 5px;
    background: transparent url('../images/rc_bottom_right.gif') no-repeat right 0;
}

/* #07 - PULLDOWN (SECTIONS) **************************************************/

/* ERROR/SUCCESS BOX */

.errorbox
{
    float: left;
    border: 2px solid #a91d2d;
    background: #e9dede;
    width: 894px;
    padding: 15px 4px;
}

.successbox
{
	float: left;
	border: 2px solid #159e31;
	background: #afffad;
	width: 894px;
	padding: 15px 4px;
}

.errorbox.top-error
{
    margin-bottom: 15px;
}

.errorbox.bottom-error,
.successbox.bottom-error
{
    clear: both;
    margin-top: 15px;
}

/* LOST PASSWORD */

#lost-pass-links
{
    margin-top: 10px;
}

/* PURCHASE CREDITS */

#custom-purchase
{
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 1px solid #a91d2d;
	margin-bottom: 10px;
}

.package-purchase
{
	overflow: hidden;
	margin-top: 10px;
	clear: both;
}

/* ADMIN EMAIL */

#ae-editor
{
	margin-top: 15px;
}

/* ADMIN USERS */

.rightcol-main .top-button
{
	float: right;
	margin: 10px 0 0 10px;
}

/* ADMIN INDEX */

#class-index li,
#instructor-index li
{
	width: 894px;
	background: transparent url('../images/icon_move.gif') no-repeat right;
	margin-bottom: 2px;
	clear: both;
	cursor: move;
}

#index-instructions
{
	padding: 15px 0 20px 0;
}

/* ADMIN CLASSES */

#admin-classes-add p
{
	margin: 0 0 15px 0;
}

.loading
{
	text-align: center;
}

#admin-classes-add .loading p
{
	margin-top: 15px;
}

/* #08 - MAIN PAGE ************************************************************/

#report-print-header
{
	display: none; /* This section is only for the print stylesheet */
}

#main-blank
{
	background:#000 url(../images/main_background_no_book.jpg) repeat-x 50% 0;
	height: 298px;
}

#main-outer-wrapper-bridge
{
	background: #000 url('../images/main_background_bridge.jpg') repeat-x 50% 0;
	height: 648px;
}

#main-outer-wrapper-plain
{
	background: #000 url('../images/main_background_plain.jpg') repeat-x 50% 0;
	height: 648px;
}

#main-book-top
{
	width: 926px;
	height: 25px;
	margin: 0 auto;
	text-align: left;
	background: #292828;
	overflow: hidden;
}

#book-wrapper
{
	width: 926px;
	margin: 0 auto;
	height: 800px;
}

.book-tab
{
	margin-left: 10px;
}

/* #09 - TABLES ***************************************************************/

/* Student Classes */

td.classes-left
{
	width: 220px;
	height: 16px; /* mostly for IE */
}

td.classes-right
{
	width: 60px;
	text-align: right;
	vertical-align: top;
}

.classes-right a,
.classes-right input
{
	margin-left: 3px;
}

/* Admin Users */

td.au-name
{
    width: 302px;
}

td.au-classes
{
    width: 151px;
}

td.au-students
{
	width: 391px;
}

td.au-controls
{
	width: 50px;
	text-align: right;
}

td.au-controls a
{
	margin-right: 5px;
}

/* Admin Classes */

td.ac-name
{
	width: 302px;
}

td.ac-instructor
{
	width: 302px;
}

td.ac-students
{
	width: 230px;
}

td.ac-controls
{
	width: 60px;
	text-align: right;
}

td.ac-controls a
{
    margin-right: 5px;
}

/* Report */

td.report-name
{
	width: 298px; 
}

td.report-class
{
	width: 298px; 
}

td.report-credits
{
	width: 149px;
}

td.report-students
{
	width: 149px; 
}

/* Admin Index */

td.ai-name
{
	width: 179px;
}

td.ai-description
{
	width: 715px;
}

/* #10 - OTHER ****************************************************************/

.float-left
{
	float: left;
}

.float-right
{
	float: right;
}

.column-clear
{
	clear: both;
}

.left-box-adjust
{
    margin-left: 6px;
}