/*
Website: http://tclms.makingitsimple.net/
Name: Treasure Coast website
Description: CSS based website, designed and hosted by Artemis Inc.
Version: 1.1 rev. A
Author: Jefte Puente
Author URI: http://www.artemisit.com
Comments: This stylesheet is best viewed without word wrapping
This site is a fork of the dynamic works website, simply changing the colors.
*/
/*** Body and Common Styles ***/
body { background-color: #fff; margin: 0px; color: #000; font-size: 62.5%; /**** This percentage sets 1.0 em to 10px. ****/
font-family: Arial, Arial, sans-serif; }
#page { width: 780px; margin: 0; }
.spacer { clear: both; }
p {font-size: 1.2em; color: #222;}
#contentBox { float: left; padding: 8px 12px 12px 12px; }
/*** Table Styles - residue from existing content forces the styling of tables and their cells ***/
table { float: left; width: 100%; font-size: 1.0em; border: 1px solid #c1c1c1; background-color: #fdfaee;}
table p {padding:0; margin:0;}
table ul { font-size: .9em; }
.altrow { background-color: #f5f5f5; padding: 5px; font-size: 1.0em;}
td { font-size: 1.1em; padding: 2px 6px 2px 6px; }
#colheaders { background: #e1e9db; color: #000000; font-size: 1.0em; font-weight: bold;}
.colheaders { background: #e1e9db; color: #000000; font-size: 1.0em; font-weight: bold;}
/*** Links ***/
a { color: #222; font-weight: bold; }
a:hover {color: #146c4b; }
#footer a { color: #BEEBE7; font-weight: normal; }
#footer a:hover { color: white; }
/*** Lists ***/
ol { font-size: 1.2em; line-height: 1.5; }
ul { font-size: 1.2em; line-height: 1.5; }
/*** Header Styles ***/
#header { background-image:url(/home/images/hd_bg.gif); background-repeat:repeat-x; width: 780px; height: 100px; float: left; }
#header img {border: none;}
/*** Heading Styles ***/
h1 { display: block; color: #146c4b; font-size: 2.6em; margin-bottom: 0px; font-style: italic; width: 540px; border-bottom: 1px solid #ccc;}
h2 { font-size: 2.0em; color: #ffbb00; margin-bottom: 0; letter-spacing: -1px;}
h3 { font-size: 1.6em; letter-spacing: 0; width: 100%; margin: 15px 0 -15px 0;}
h4 { font-size: 1.4em; background: #eee; padding: 5px; width: 750px; }
h5 { font-size: 1.4em; background: #eee; padding: 5px; }
h3 a { text-decoration: none; }
/*** Images & Alignments
Using 'class="alignright"' on an image will align the image to the right.
And using 'class="centered', will of course center the image. This is much
better than using align="center", being much more futureproof (and valid) ***/
img { border: none; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0; margin: 0px 0px 0px 0px; display: inline; }
img.alignleft { padding: 0; margin: 0px 0px 8px 0px; float: left;}
.alignright { float: right; }
.alignleft { float: left; margin-right: 5px; margin-bottom: 10px; }
/*** These styles handle the top most nav links ***/
#topnavcontainer { vertical-align:top; float:right; padding: 0px 10px 0 0; }
#topnavcontainer a { text-decoration: none; }
#topnavcontainer a:visited { text-decoration: none; }
.headertextlink { color: #ffffff; font-size: 8pt; font-family: arial, helvetic, sans-serif; text-decoration: underline }
.headertextlink:hover { color: #adc2c2; font-size: 8pt; font-family: arial, helvetic, sans-serif; text-decoration: underline }
/*** Navigation - Uses an unordered list and styles them as buttons ***/
#navcontainer { padding: 0; margin-top: 35px; width: 550px; margin-left: 185px; }
#navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#navcontainer ul li { width: 75px; display: block; float: left; text-align: center; padding: 0; margin-left: 2px; }
#navcontainer ul li a { background: #003f1d; height: 25px; margin: 0 0 0px; color: #fff; text-decoration: none;display: block;text-align: center; font: 11px/24px "Lucida Grande", Arial, Helvetica, sans-serif; }
#navcontainer ul li a:hover { color: #003f1d; background-image: url(/home/images/nav_blocks.gif); background-repeat: no-repeat; background-color: #FFFFFF; background-position: center center; }
#navcontainer a:active { color: #fff; }
#navcontainer li#active a { background: #11134C; color: #fff; }
/*** Homepage Styles ***/
#h1_home { display: block; font-size: 48px; color: #ffbb00; width: 350px; float: left; letter-spacing: -1px; border: 0; margin: 0 0 6px 10px; font-family: Impact, "Impact", Impact; font-weight: normal; font-style:italic;}
#h2_home { display: block; font-size: 28px; color: #7aa559; width: 350px; float: left; letter-spacing: -1px; padding: 0; margin: -10px 0 10px 10px; font-weight: normal; font-family: Impact, Impact, Impact; font-style: italic; line-height: 28px;}
#h3_home { display: block; font-size: 38px; color: #ffbb00; width: 260px; float: left; letter-spacing: -1px; padding: 0; margin: -10px 0 10px 0; font-family: Impact, Impact, Impact; font-weight: normal; font-style: italic;}
#whiteBox, .whiteBox {width: 760px; float: left; padding-left: 0px; padding-bottom: 0px;}
#whtBox_left { width: 200px; }
#whtBox_center { width: 350px; float: left; height: 230px; margin: 0 0 0 20px; }
#whtBox_center ol { display: block; clear: left;}
#whtBox_center p { float: left; width: 310px; font-size: 1.1em; clear: both; margin: 10px 0 0 15px; padding-bottom: 10px; line-height: 175%; display: block; }
#home_Testimonials { margin: 20px 0 0 10px; float: left; width: 150px; background: url('images/bg_grad.gif') bottom left; display: block; border: 1px solid #d3f0a8; padding: 8px; }
#home_Testimonials p { width: 100%; }
#home_Testimonials h2 { position: relative; display: block; margin: -20px 0 -10px 0; background: #fff; width: 94px; color: #7aa559;}
#home_TestimonialsSig { font-size: 1.0em; text-align: right; color: #629219;}
#resultsBox { background-color: #146c4b; border-bottom: 2px solid #ffcc33; float: left; width: 750px; padding: 2px 2px 2px 5px; margin-top: 5px; }
#resultsBox p { display: inline; color: white; font-weight: bold; font-size: 1.2em; margin-left: 50px; letter-spacing: 0; }
#resultsBox h2 { font-size: 1.8em; display: inline; color: #FFFFFF; letter-spacing: 1px; margin: 0px; padding: 0px; font-weight: bold;}
/*** Four Column Homepage Styles ***/
#fourCol_Container { float: left; margin-bottom: 0px; padding: 10px 0 0 0; }
.fourCol_Column { float: left; width: 180px; margin: 0px 9px 0px 0px; min-height:325px; overflow:hidden; height:expression( this.scrollHeight < 330? "330px" : "auto" ); /* hack. invalidates this sheet */ background-color: #fdfaee; }
.fourCol_Header h2 { border-bottom: 1px solid #94b280; background-color: #e1e9db; color: #617f4d; height: 30px; text-indent: 5px; font-size: 1.7em; font-weight: bold; letter-spacing: -1px; display: block; margin: 0px; line-height: 1.8em; }
.fourCol_Content h3 { position: relative; margin: 0px 0 -8px 8px; padding: 0 0 0 0; color: #6e663c; font-size: 1.6em; }
.fourCol_Content { margin: 0; padding: 10px; font-size: 0.9em; }
.fourCol_Content ul { list-style: none; margin: 0; list-style-position: outside; padding: 0; }
.fourCol_Content li { margin: 0 0 0 0; padding: 0 0 20px 18px; font-size: 1.2em; line-height: 1.2em; background-image: url(images/gr_arrow.gif); background-repeat: no-repeat; background-position: 0 0; }
.fourCol_Content li a { text-decoration: none; display: block; }
.fourCol_Content p { padding: 0; margin: 0 0 15px 5px; font-size: 1.0em; }
#endcol { margin-right: 0; }
/*** Footer Styles ***/
#footer { margin: 10px 0 0 0; background-image: url(/home/images/ft_bg.gif); height: 40px; width: 780px; clear: both; color: white; text-align: center; padding: 5px 0 5px 0; float: left; letter-spacing: 1px; font-size: 0.9em; }
/* Print Button styles */
.printBox a { float: right; padding-right: 10px; display: block; background: url(images/print.gif) no-repeat; width: 80px; height: 20px;}
.printBox a:hover { display: block; background: url(images/printUp.gif) no-repeat; }
/*** Democenter Page Styles ***/
#demo_imgBox { background-image: url('/Images/gr_main_demo.jpg'); display: block; width: 190px; height: 215px; }
/*** Catalog Page Styles ***/
#cat_imgBox { background: url('/home/images/gr_main_catalog.gif'); width: 190px; height: 215px; }
/*** About Us Page Styles ***/
#about_imgBox { background: url('/home/newcontent/groupWC1.jpg'); display: block; width: 186px; height: 155px;}
/*** Added 03/29/06 JKC Program Page Styles ***/
#program_imgBox { background: url('/home/newcontent/wc-card1.jpg'); display: block; width: 192px; height: 115px; border:1px solid black;}
/*** My Learning Page Styles ***/
.my_Label { width: 220px; float: left; margin-bottom: 10px; font-weight: bolder; text-align: left; padding-right: 10px; margin-left: 10px; }
#my_Stats p { display: inline; color: white; font-weight: bold; font-size: 1.3em; margin-left: 25px; letter-spacing: 0; }
#my_Stats { background-color: #146c4b; float: left; width: 760px; padding: 2px 2px 2px 5px; margin-top: 15px; margin-bottom: 15px; }
#my_Stats h2 { font-size: 1.6em; display: inline; color: #FFFFFF; letter-spacing: 1px; margin: 0px; padding: 0px; font-weight: bold;}
#knowledgeCorner { height: 170px; width: 190px; background: url('images/bg_grad.gif') bottom left; display: block; float: right; border: 1px solid #ccc; padding: 8px; }
#knowledgeCorner h2{ position: relative; display: block; margin: -19px 0 -10px 0; background: #fff; }
#knowledgeCorner p { width: 100%; }
/*** FAQ Page Styles ***/
.faq_colHeaders { background: #ccc; border-collapse: collapse; font-size: 14px; font-weight: bold;}
.faq_spacerCol { width: 10px; }
.faq_table { width: 100%; border-collapse: collapse; font-size: 12px; clear: both; margin-top: 20px; background: #E5E5E5;}
.faq_table td { padding: 5px; }
.faq_table p { font-size: 12px; font-weight: normal; }
#faq_links { float: right; }
#faq_links a {font-size: 12px; }
#faq_form { float: left; margin:0; padding: 0; }
#faq_links { width: 190px; background: url('images/bg_grad.gif') bottom left; display: block; float: right; border: 1px solid #ccc; padding: 8px; }
#faq_links h2{ position: relative; display: block; margin: -19px 0 -10px 0; background: #fff; width: 133px;}
#faq_links p { width: 100%; }
/*** Partner Page Styles ***/
.partnerLogo { float: left; display: block; padding-right: 10px; margin-bottom: 385px; width: 300px; }
.partnerBox { float: left; display: block; margin-bottom: 20px;}
/*** Webinar Page Styles ***/
#web_reqs { width: 190px; background: url('images/bg_grad.gif') bottom left; display: block; float: right; border: 1px solid #d3f0a8; padding: 8px; }
#web_reqs h2{ color: #7aa559; position: relative; display: block; margin: -19px 0 -10px 0; background: #fff; width: 133px;}
#web_reqs p { width: 100%; }
/*** Package Deals ***/
#pack_Testi { width: 190px; background: url('images/bg_grad.gif') bottom left; display: block; float: right; border: 1px solid #ccc; padding: 8px; }
#pack_Testi h2{ position: relative; display: block; margin: -19px 0 -10px 0; background: #fff; width: 100px;}
#pack_Testi p { width: 100%; }
/*** Instructor Page Styles ***/
.insA:link { float: left; text-decoration: none; font-size: 1.1em; background: #eee; padding: 10px; border: 1px solid #c1c1c1; }
.insA:visited { float: left; text-decoration: none; font-size: 1.1em; background: #eee; padding: 10px; border: 1px solid #c1c1c1; }
.insA:hover { float: left; text-decoration: none; font-size: 1.1em; background: #ccc; padding: 10px; border: 1px solid #c1c1c1; color: #000; }
#insNavbox {float: right; width: 175px; height: 150px; background: #eee; border: 1px solid #c1c1c1; display: block; padding: 5px;}
#insNavbox p {font-size: 0.9em; margin:0;}
#insNavH3 {margin: 0 0 5px 0; padding: 0;}
#insGroupActs { float: left; overflow: hidden; position: relative; margin-bottom: 10px; width: 760px;}
.groupContainer { float: left; width: 760px; font-size: 1.1em; margin-bottom: 0; }
.numStudents { margin: 0; float: left; padding: 5px; width: 125px; }
.pseudoTD { float: left; padding: 5px; width: 75px;}
.linksH3 { clear: left; float: left; display: block; width: 760px; margin-bottom: 5px;}
#InsCertModuleTable{ float: left; width: 50%; font-size: 1.0em; border: 1px solid #c1c1c1; background-color: #fdfaee;}
/*** Leftframe styles ***/
.leftframeA:link { overflow: hidden; position: relative; padding: 4px 6px; margin-bottom: 4px; float: left; text-decoration: none; font-size: 1.1em; background: #eee; border: 1px solid #c1c1c1;
width:120px;
}
.leftframeA:visited { padding: 4px 6px; margin-bottom: 4px; float: left; text-decoration: none; font-size: 1.1em; background: #eee; border: 1px solid #c1c1c1;
width:120px;
}
.leftframeA:hover { padding: 4px 6px; margin-bottom: 4px; float: left; text-decoration: none; font-size: 1.1em; background: #ccc; border: 1px solid #c1c1c1; color: #000;
width:120px;
}
#leftframeContainer { width: 140px;}
#leftframeShadow {height: 31px; background: url('/images/exam_top_grey.gif'); width: 145px;}
#timerContainer { width: 130px; margin-left: 6px; margin-right: 8px; background: #ccc; color: #000; margin-bottom: 10px; }
#Timer { padding: 8px; font-size: 1.2em;}
#Timerleft { font-size: 1.2em; }
#TimerButton { margin-left: 8px; margin-bottom: 8px;}
#leftframeNavContainer { padding-left: 5px; }
/*** Best Practices Page ***/
#bp_Form { margin: 0 0 10px 5px; font-weight: bold; float: left; width: 375px; height: 55px; background: #ededed; border: 1px solid #999;}
#bp_Form label {width: 100px; font-size: 1.0em; padding: 0;}
#bp_Form p {font-size: 1.1em; margin: 5px; }
#bp_Submit {letter-spacing: 0px; border: 1px solid #014E48; background: #099E9A; color: #fff; font-size: 1.1em; margin: 0px 10px 0px 0px; font-family: Arial,Verdana, Sans-serif;}
#Fla_KeywordSearch {float: left; font-size: 1.0em; margin: 0 10px 0 10px;}
#bp_DocLinks { font-weight: bold; display: block; background: #f5f5f5; border: 1px solid #ccc; float: left; width: 375px; height: 55px; }
#bp_linkButtons a { float: left; margin: 0 0 0 5px; padding: 4px; background: #ccc; text-decoration: none; border: 1px solid #555; color: black; }
#bp_linkButtons a:hover { float: left; padding: 4px; background: #099E9A; text-decoration: underline; border: 1px solid #555; color: white; }
#bp_Adobe { display: block; padding: 0; border: 1px solid red;; float: left; background: none; }
#bp_DocLinks img { padding: 0 0 0 5px; }
#bp_DocLinks p {font-size: 1.1em; line-height: 1.0em; padding: 0; margin: 5px 0 5px 5px; }
/* Best Practices Menu Styles */
#bp_menu { color: white; background: #008081; margin: 0 10px 10px 0; padding: 5px; width: 170px; float:left; }
#bp_menu h3 { margin: 0 0 0px 0; color: #fff; font-weight: bold;}
#bp_menu a { padding: 2px; margin: 0 0 0 5px; color: #00BEBF; font-size: 0.9em; text-decoration: none;}
#bp_menu a:hover { padding: 2px; margin: 0 0 0 5px; color: #BEFEFD; font-size: 0.9em; text-decoration: none;}
#bp_menu p { color: white; margin: 0 0 0 0px; padding: 0; }
#bp_menuFirst { display: block; height: 20px; margin: 10px 0 20px 0; }
#bp_right { float: left; width: 570px; }
/*** Certificate Styles ***/
#cert_small { font-size: 2.0em; margin: 15px 0 0 0px; padding: 0; display: block; width: 480px; text-align: center; color: #774022; font-weight: bolder;}
#cert_med { font-size: 2.4em; margin: 15px 0 0 0px; padding: 0; display: block; width: 480px; text-align: center; color: #774022; font-weight: bolder;}
#cert_big { font-size: 4.0em; margin: 15px 0 0 0px; padding: 0; display: block; width: 480px; text-align: center; color: #774022; font-weight: bolder;}
#certpage { float: left; color: #fff; height: 680px; width: 936px; }
#certpage img { position: absolute; }
#cert_txtcontainer { float:left; height: 320px; position: absolute; margin: 90px 0 0 215px; width: 480px; }
#cert_left {float: left; width: 200px; height: 300px; }
#cert_right {float: left; width: 200px; height: 300px;}
#cert_top {float: left; width: 936px; height: 40px; }
#cert_bottom {float: left; width: 936px; height: 400px;}
/*** Form Styles ***/
/* WE CAN FINALLY STOP USING TABLES FOR forms!
Example Markup: */
label { display: block; width: 250px; float: left; margin-bottom: 10px; font-size: 1.2em; font-weight: bolder; text-align: right; padding-right: 10px; }
#CatalogDetail label { display: block; width: 150px; float: left; margin-bottom: 10px; font-size: 1.2em; font-weight: bolder; text-align: right; padding-right: 10px; }
#Gbl_TelephoneFull, #Gbl_FaxFull { width: 100px; }
#State { width: 130px; float: left; }
#Reg_ZipCode { width: 45px; }
#Comments { height: 55px; width: 250px; margin-bottom: 10px; }
#Gbl_Submit { padding: 3px; margin: auto; background-color: #eee; border: 1px solid #ccc; margin-right: 10px; }
#Global_Reset {padding: 3px; margin: auto; background-color: #eee; border: 1px solid #ccc; margin-right: 10px; }
#Gbl_Reset { padding: 3px; margin: auto; background-color: #eee; border: 1px solid #ccc; margin-right: 10px; }
#submit { margin-left: 100px;}
.form { margin: 0; padding: 0; }
input.radio { float: left; border: 1px solid red;}
/* Home Page Login form */
#login_Username {width: 130px; }
#login_Password { width: 130px; }
#login_Submit { border: 1px solid #333333; font-size: 12px; margin: 10px 0 5px 0; font-family: Helvetica, Verdana, Sans-serif;}
#login_Form p { font-size: 1.2em; margin: 0; line-height: 16px; color: #555;}
#login_Form a { font-size: 1.1em; font-weight: normal; margin: 2px 0 0 0; }
#login_Form { margin: 0 0 0 0; width: 130px; }
#login_FormBox { background: #f7eec4; margin: 0 10px 10px 0; padding: 10px; width: 140px; }
#login_Form h3 { width:120px; }
/*Catalog Forms*/
#Cat_SearchCatform{ padding-bottom: 20px;}
#Cat_BrowseCatform { padding-bottom: 20px;}
#Cat_ClassIDform { padding-bottom: 20px;}
#Cat_SearchCat { width: 160px; }
#Cat_BrowseCat { width: 220px; }
#Cat_IndividualCat { width: 380px; }
#Cat_Submit3 { margin-left: 5px; width: 75px; padding: 1px; border: 1px solid #777; background: url(images/bg_grad.gif) 0 80px; font-size: 11px;}
#Cat_IndividualCatLabel {width: 270px; }
/* For Dynamic Works, the phone number and fax input fields are split up */
#phone1, #phone2, #phone3, #altphone1, #altphone2, #altphone3, #fax1, #fax2, #fax3 { width: 35px; }
#ext, { width: 25px; }
#Address1, #Address2 { width: 200px; }
/* Contact Form styles */
#contact_info {width: 700px; padding-top: 30px; padding-bottom: 20px; padding-left: 30px;}
#contact_info_left {float: left;}
#contact_info_right{ float: right; padding-left: 30px;}
/* AdministrationCenter/profile/ Styles */
#profile_menu { background: #f7eec4; margin: 0 10px 10px 0; padding: 10px; width: 140px; float:left; }
#profile_menu p { margin: 0 0 5px 0; padding: 0; }
#profile_right { padding: 0; float: left; width: 560px; }
#profile_right p { padding: 0; }
#profile_right form { margin: 0; padding: 0;}
#profile_right label { clear: left; display: block; float: left; padding: 2px 0 0 0; height: 20px; width: 225px; margin: 0 20px 0 0; }
/* The Company cold fusion variable styling */
.TheCompanyStyle {font-style:italic; font-weight:bold; }
/* Asterisk for the registration pages. Should be big and red */
.Reg_Asterisk {font-size:18px; color: #FF0033;}
/* Exam Styles */
#examForm { position: relative; width: 740px; font-size: 1.2em; padding: 5px; float: left;}
#MasterExamDisplay { position: relative; width: 700px; margin-left: 40px;}
#MasterQuestion { position: relative; display: inline; padding: 10px; float: left; background: #33CCCC; width: 680px; font-weight: bold; font-size: 1.1em;}
#MasterImage { position: relative; display: block; float: left; background: black; }
#examQuestionNumber { position: relative; display: block; width: 20px; float: left; }
#examQuestion { position: relative; display: block; padding-bottom: 5px; float: left; width: 660px; font-weight: bold;}
#examAnswerRow { position: relative; display: block; float: left; width: 620px; padding-bottom: 5px; margin-left: 10px;}
#examId { position: relative; display: block; float: left; width: 40px;}
#examDisplay { position: relative; display: block; background: #f2f2f2; float: left; padding: 10px 10px 0 10px; width: 720px; margin-bottom: 10px;}
#SubExamDisplay { position: relative; display: inline; padding: 10px; background: #33FFCC; float: left; margin-left: 40px; margin-bottom: 10px; width: 680px; }
#SubExamDisplay #examQuestion { position: relative; width: 560px; }
#examFailbox {text-align: right; float: right; height: 75px; padding: 5px; background-color: #CC0000; font-size:1.8em;}
#examPassbox {text-align: right; float: right; height: 75px; padding: 5px; background-color: #006600; font-size:1.8em;}
#examFailbox p {color: white;}
#img1 { position: absolute; }
/*** Student Add to Group Form ***/
#ReqStuFrist { width: 100px; }
#ReqStuLast {width: 100px; }
#ReqStuEmail {width: 100px; }
#labelspacer {width: 100px;}
/*** Student Edit Form ***/
#Reg_Phone1 { float: left; width: 30px; margin-right: 5px; margin-left: 2px;}
#Reg_Phone2 { float: left; width: 30px; margin-right: 5px;}
#Reg_Phone3 { float: left; width: 40px; margin-right: 5px;}
#Reg_PhoneExt {width: 30px; float: left;}
#phoneExtLabel { width: 30px; margin-right: 0px; margin-left: 10px; }
/*** Competency Scoring ***/
#IndCompetencytable { float: left; width: 35%; font-size: 1.2em; border: 1px solid #c1c1c1; background-color: #fdfaee;}
#GroupStudentstable { float: left; width: 60%; font-size: 1.2em; border: 1px solid #c1c1c1; background-color: #fdfaee;}
#GroupCompetencytable { float: left; width: 40%; font-size: 1.2em; border: 1px solid #c1c1c1; background-color: #fdfaee;}
#CompScoringButtons { padding-top: 5px; width: 100%; padding-left: 200px;}