/* A CSS Framework by Mike Stenhouse of Content with Style */

/*  
	
	STYLE.CSS
	
	This CSS file is a self-contained set of styles
	needed for the login, store, and any other pages
	that don't require authentication.
	  
*/

    body {
        text-align: left;
        font-family: arial, helvetica, verdana, sans-serif;
        font-size: 76%;
        line-height: 1em;
        color: #2d2d2d;
    }

	ul {
		margin:0;
		padding: 0;
	list-style-type: none;
}
	li {
	padding-top: 5px;
	padding-bottom: 5px;
}
   div {
        font-size: 1em;
    }

    img {
        border: 0;
    }

    /* LINKS */
        a,a:link,
            a:active {
            color: #4F8CC9;
            text-decoration: none;
        }
        a:hover {
            color: #0041B8;
            text-decoration: none;
        }
 		/* This will eliminate the boxes which often surround a clicked link!!! */    
		a:focus, a:active { 
			outline:0;
			-moz-outline: none;
		}        p a {
			font-weight:bold;
		}

    /* END LINKS */

    /* HEADINGS */
        h1, h2, h3, h4, h5, h6 {
            font-family: verdana, arial, tahoma, helvetica, sans-serif;
            font-weight: normal;
        }
		h2 {
            color: #2d2d2d;
		}
        h1 {
            font-size: 2em;
            letter-spacing: -1px;
            line-height: 1.3em;
            margin: 0;
            padding: 0;
            color: #2d2d2d;
        }

        div#branding h1 {
            letter-spacing: 3px;
			/*width: 200px;*/
            margin: 10px 0 0;
            /*line-height: 1.5em;*/
            color: #FFF;
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
	font-family: verdana, Arial, Helvetica, Geneva, sans-serif;
	vertical-align: middle;
	/*line-height: 2.5em;*/
}
        div#branding p {
            margin: 0;
            line-height: 1em;
            color: #FFF;
	font-size: 1.1em;
	text-align: center;
}
/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 0;
        /*background: white url(images/background.gif) top left repeat-x;*/
        text-align: center;
		background-color: #e4e4e4;
    }
    div#page {
        width: auto;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    
    /* HEADER */
        div#header {
            margin: 0 0 15px;
            padding: 6px 0 2px 10px;
            text-align: center;
            /*height: 59px;
			background-color: #899ab9;*/
}
            div#switchLocale {
                position: absolute;
                right: 10px;
            }
        div#branding {
            /*float: left;*/
			/*width:auto;*/
		 	/*background: url(images/logo_header.gif) no-repeat left center;*/
           margin: 0;
            /*padding: 10px 0 10px 30px;*/
            /*text-align: left;*/
        }
        div#search {
            float: right;
            width: 49%;
            margin: 0;
            padding: 40px 40px 0 0;

            text-align: right;
        }
    /* END HEADER */
    
    /* CONTENT */
        div#content {
	/*background-color: #ededed;*/
			padding: 0;
			width: 800px;
			margin: 0 auto;
			}
            body#error #content {
                margin-top: 20px;
            }
        /* MAIN */
            div#main {
                padding: 5px;
				background-color: #fff;
				margin-right: 250px;
}
                div#main form ul li {
                    list-style-type: none;
                    margin-left: 0;
                }
        /* END MAIN */
        
        /* SUB */
            div#sub h2 {
                margin-bottom: 5px;
            }
            
            div#sub ul li {
                list-style-type: none;
                padding-bottom: 10px;
            }
                div#sub p.line {
                    border-top: 1px dotted #ccc;
                    margin: 15px 0;
                }
            
        /* END SUB */
        
    /* END CONTENT */
    
    /* FOOTER */
        div#footer {
            position: relative;
            /*top: -20px;*/
            color: #444;
            padding: 5px 10px;
            text-align: left;
            font-size: 0.9em;
			background-color: #c3cfe5;
			border-top: 1px solid #aeaeae;
			width: 800px;
			margin-right: auto;
			margin-left: auto;
		}

            div#footer div#divider {
                    /*margin: 0 0 4px 0;
                    border-top: 1px solid #ccc;*/
            }

            div#footer div#divider div {
                    /*margin: 1px 0 0 0;
                    border-top: 6px solid #ebf5fc;*/
            }

            div#footer .left {
                    float: left;
            }

            div#footer .right {
                    float: right;
            }
    /* END FOOTER */
/* END LAYOUT */
.right {
	float: right;
}
.left {
	float: left;
}
#main_right {
	width: 230px;
	padding: 5px;
	float: right;
	/*background-color: #fff;*/
}

#loginContent {
	width: 360px;
	float: right;
	text-align:center
}
	
.shadowContainer {
	/*background: white url(../images/shadow_r.gif) repeat-y right;*/
	/*width: auto;*/
}

.shadow_tr {
	background: transparent url(../images/shadow_tr.gif) no-repeat right top;
}

.shadow_b {
	background: transparent url(../images/shadow_b.gif) repeat-x 0 bottom;
}

.shadow_bl {
	background: transparent url(../images/shadow_bl.gif) no-repeat left bottom;
}

.shadow_br {
	background: transparent url(../images/shadow_br.gif) no-repeat right bottom;
	padding-bottom: 10px;
}
.shadowboxContent {
	padding: 10px 20px 10px 10px;
	min-height: 300px;
	/*border: 1px solid red;*/
}
#header span {
	padding-top: 35px;
	padding-right: 15px;
}
#header span a:link, #header span a:visited {
 	color: #ced6e5;
}
#header span a:hover, #header span a:active {
 	color: #0041b8;
}

div#header {
	/*margin-left: 10px;
	margin-top: -2px;*/
}

div#header h1, div#header p {
	/*padding-left: 45px;*/	
}
div#header h1 {
	color: #2d2d2d;
	font-size: 2.5em;
	letter-spacing: 2px;
}
div#header p {
	/*width: 200px;*/
	white-space: nowrap;
	color: #e51937;
	font-size: 1.6em;
	letter-spacing: 2px;
	font-weight: bold;
	margin: 5px 0 0 0;
	line-height:1em;
}
.make-me-red {
	color: #e51937;
	font-weight:bold;
}
/*.loginBlock {
	text-align: right;
	line-height: 2em;
	margin: 0 auto;
	width: 24em;
	padding-right: 3em;
}

.loginBlock input {
	text-align: left;
	margin-left: 5px;
	width: 14em;
}
.loginBlock ul {
	display:inline;
	text-align: right;
}
.loginBlock li {
	line-height: 3em;
	display:inline;
	margin-bottom: 5px;
	clear: both;
}*/
.loginblock {
	position:relative;
	background-color:#FFF;
}
.loginblock div {
	margin:0;
	padding: 0;
}
.loginblock .lb-top {
	background: transparent url(cardinal/images/loginblock-t.png) repeat-x 0 top;
}
.loginblock .lb-left {
	background: transparent url(cardinal/images/loginblock-l.png) repeat-y left;
}
.ie6 .lb-left, .ie6 .lb-right {
	height: 100%;
}
.loginblock .lb-right {
	background: transparent url(cardinal/images/loginblock-r.png) repeat-y right;
}
.loginblock .lb-bottom {
	background: transparent url(cardinal/images/loginblock-b.png) repeat-x 0 bottom;
}
.loginblock .lb-top-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 33px;
	height: 36px;
	background: url(cardinal/images/loginblock-corners.png) no-repeat left top;
}
.loginblock .lb-top-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 37px;
	height: 36px;
	background: url(cardinal/images/loginblock-corners.png) no-repeat right top;
}
.loginblock .lb-bottom-left {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 33px;
	height: 42px;
	background: url(cardinal/images/loginblock-corners.png) no-repeat left bottom;
}
.loginblock .lb-bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 37px;
	height: 42px;
	background: url(cardinal/images/loginblock-corners.png) no-repeat right bottom;
}
#lb-content {
	text-align:left;
	padding:36px 37px 42px 37px;
}
#lb-content h2 {
	font-size:1.3em;
	line-height: 1.2em;
	font-weight:bold;
}
#lb-content p {
	margin:25px 0;
	line-height:1.3em;
	font-size:1em;
	font-weight:bold;
}
#lb-content label {
	display: block;
	float: left;
	width: 95px;
	text-align:right;
	padding-right: 5px;
	line-height: 2em;
	vertical-align: middle;
	color: #2d2d2d;
}
#lb-content input.medium {
	width: 180px;
	font-size:1.1em;
}
.loginTab {
	display: inline;
	}
* html>body .loginTab {
	/*float: right;*/
	text-align: right;
}
#status.errors {
	background-color: #ffeded;
	color: #800;
	border: 2px solid #c82c2c;
	margin-bottom: 6px;
	padding: 4px;
	font-size:.9em;
}
#status.success {
	background-color: #dafad4;
	color: #008810;
	border: 2px solid #40c22a;
	margin-bottom: 6px;
	padding: 4px;
	font-size:.9em;
}
#status.success a, #status.success a:link, #status.success a:active, #status.success a:visited, #status.success a:hover {
	color: #008810;
	font-style:italic;
}

.loginButton {
	padding: 2px 10px;
}
.loginform {
	position:relative;
}

#status.success a:link {
	 color: #40c22a;
	 text-decoration: none;
}


#status.success a:visited {
	 color: #40c22a;
	 text-decoration: none;
}
#status.success a:hover {
	 color: #40c22a;
	text-decoration: underline;
}
#disclaimer {
	width: 66%;
	border: 1px solid #b8b8b8;
	height:180px;
	margin: 10px auto;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:5px;
	text-align:left;
}
/* Courses View styles */
#disclaimer p {
	padding: 5px 0;
	margin: 0;
	font-size:.85em;
	text-align:justify;
}
#courselist-content {
	text-align:left;
	padding:26px 27px 32px 21px;
}
#courselist-content h2,
#coursepage .course-title {
	font-size:1.2em;
	line-height: 1em;
}
#courselist-content p {margin:0; line-height:1em; font-size:1em;}
#courselist-content ul {margin:0; padding:0;}
#courselist-content .course-title {font-size:1.25em;}
#courselist-content span.course-title {position:relative;bottom:1px;}
#courselist-content .course-cart {position:absolute; right:0; padding-right:40px;}
#courselist-content .course-cart a {padding-left:20px; line-height:16px;background: url(../images/icons/cart_add.png) no-repeat left center;}
#coursepage .course-cart a {font-size:1.25em;}
#courselist-content #leftSideContent { width:auto; margin-right:0;}
#header ul.headerlinks {position:absolute; right:5px; top:5.5em;}
#header ul.headerlinks li {float:right; height:1%;}
#header ul.headerlinks li a {display:block; padding: 2px 10px;}
#header ul.headerlinks li a img {padding: 0 5px; vertical-align:middle;}

#header ul.loginlink {position:absolute; right:10px; top:2em;}
#header ul.loginlink li {float:right; height:1%;}
#header ul.loginlink li a {display:block; padding: 2px 10px;}
#header ul.loginlink li a img {padding: 0 5px;}

#tab-container {width:100%;border-bottom:1px solid #ccc; position:relative;}
#tab-container #tabs {padding-left:7px;float:left; position:absolute; bottom:0;}
#tab-container #tabs li {border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; float:left;margin:10px 3px 0; padding:0; position:relative; bottom:0;}
#tab-container #tabs li a {display:block; padding:4px 8px; background-color:#efefef;}
#tab-container #tabs li.active a {display:block; padding:4px 8px; background-color:#fff; position:relative; bottom:-1px;}
#tab-container #search-courses {text-align:right; margin:3px 8px 0;clear:none;}
#tab-container #search-courses input {padding:2px;}
#courses {padding:5px;}
#course-footer {border-top:1px solid #ccc; padding:3px;}
#course-footer ul {margin:0 auto; position:relative;}
#course-footer ul li {float:left;}
#course-footer a {}
.center {margin:0 auto; text-align:center;}

ul.course-desc {border-bottom:1px solid #ccc;}
ul.course-desc.last {border-bottom:none;}

/* #successMessages {background-color:#cee3ec; border:1px solid #a1cced; margin:10px 5px 5px; padding:2px 10px; text-align:center;
	font-style: italic;}
*/
#successMessages, #errorMessages {margin:10px 5px 5px;}
#coursepage p {margin:10px 0;}
#coursepage .long-description ul li {
	margin-left:20px;
	list-style-position:outside;
	list-style-type: disc;
	padding:2px 0;
}
#courselist-content ul#coursepage {
	padding:0 5px;
	
	}
#coursepage .long-description ol li {
	margin-left:20px;
	list-style-position:outside;
	padding:2px 0;
}
#courselist-content ul#coursepage {padding-top:5px;}

/* Cart Views */
td.cart-col-remove {width:5em;text-align:center;}
tr.total {border-top:2px solid #333;}
tr.total td.price {background-color:#dedede;}
.table tfoot th, .table tfoot td {background-color: #fff; border:none;}

/* Checkout Views */
ul.creditcardinfo li {padding:3px 0;}
ul.creditcardinfo span.text { display:block; float:left; padding:5px 10px 5px 0;}
ul.creditcardinfo label {display:block; float:left; width: 140px; text-align:right; padding:5px 10px 5px 0;font-weight:bold;}
ul.creditcardinfo span.field {width:170px; display:block; float:left;}
ul.creditcardinfo span.help {display:block; float:left;width:380px; color:#888;padding:5px 10px 5px 0;font-style:italic;}
span.help-below {display:block; width:500px; color:#888;padding:5px 10px 5px 0;font-style:italic;}
#courses fieldset {border: 1px solid #999; padding:10px 0; margin:10px;}
#courses legend {padding:2px 10px; font-weight:bold; font-size:1.2em; margin-left:10px;}
#courses legend img {vertical-align:middle;}

/* Search results*/
.highlight { background-color: yellow; }

input.twoChar {width:2em;}

#notifications img {float:left;}