﻿@import url(/StyleSheets/themes/peg/jquery.ui.base.css);
@import url(/StyleSheets/jquery.peg.plugins.css);

@import url(/StyleSheets/sifr.css);
@import url(/StyleSheets/forms.css);

html { width:100%; background:#E6E6E6 url(images/back.png) repeat-x; }
body {padding:0; margin:0 auto; text-align:center; font-family: Verdana, Sans-Serif; font-size:.7em; width:100%; }

table { border-collapse:collapse; margin:0; padding:0; border-spacing:0; border:0; }
td { border:0px; margin:0; padding:0; }
div { border-collapse:collapse; margin:0; padding:0; border-spacing:0; border:0; }
img { border:none; margin:0; padding:0; border-spacing:0; border:0; }
p { margin:2px 10px 2px 10px; line-height:20px; text-align:left;  }
hr { background-color:#c3c3c3; color:#c3c3c3; border:0; height:1px; width:100%; text-align:left; }
input { outline-style:none; font-family:Verdana, Sans-Serif; }
textarea { outline-style:none; }
fieldset { -moz-border-radius:10px; }
fieldset .container { margin:20px 30px 10px 30px; }
legend { color:#990000; font-size:1.75em; letter-spacing:-.035em; font-family:Helvetica, Sans-Serif; font-weight:bold; padding:0 5px; margin:0 0 0 10px; }

div.fieldsetFix { position:relative; border:1px solid #666666; border-radius:10px; }
div.fieldsetFix fieldset { border:none; }
div.fieldsetFix fieldset legend { position:absolute; top:-10px; float:right; background:#ffffff; }

h1 { color:#e6e6e6; font-size:2em; letter-spacing:-.055em; font-weight:bold; text-align:left; padding-top:0; padding-bottom:0; margin:0;}
h2 { color:#3d3d3d; font-size:2em; letter-spacing:-.035em; font-family:Helvetica, Sans-Serif; line-height:30px; padding-top:0; padding-bottom:0; margin:0; font-weight:normal; }
h3 { color:#990000; font-size:1.75em; letter-spacing:-.035em; font-family:Helvetica, Sans-Serif; line-height:25px; padding-top:0; padding-bottom:0; margin:0; }
h4 { color:#000000; font-size:1.25em; line-height:25px; padding-top:0; padding-bottom:0; margin:0; }
h5 { color:#990000; font-size:1.1em; line-height:25px; padding-top:0; padding-bottom:0; margin:0; }

ul { margin: 1.12em 0; margin-left: 40px  }

a { color:#990000; text-decoration:none; outline-style:none; }
a:visited {color:#990000;}
a:link {color:#990000;}
a:hover {color:#990000;text-decoration:underline;}

#editor { margin-top:-20px; position:absolute; top:0px; left:0px; z-index:100;  font-weight:bold; background-color:#e5e5e5; color:#dfdfdf ;border-bottom: solid 1px #2d2d2d; border-right: solid 1px #2d2d2d; }

.head01 { color:#e6e6e6; font-size:2em; letter-spacing:-.055em; font-weight:bold;  }
.head02 { color:#3d3d3d; font-size:2em; letter-spacing:-.035em; font-family:Helvetica, Sans-Serif;  }
.subhead01 { color:#953C00; font-weight:bold; line-height:20px; }


#outterregion01 { text-align:center; min-width:960px; width:100%; }
#outterregion01 .content { background:url(images/header.png) no-repeat; text-align:left; height:68px; width:960px; margin:0 auto; }
#outterregion01 .content .left { float:left; width:250px; margin:25px 0 0 30px; }
#outterregion01 .content .right { float:right; width:580px; margin:5px 25px 0 0; }
#outterregion01 .contentbottom { background:url(images/headerbottom.png) no-repeat; height:14px; width:960px; margin:0 auto; }

#outterregion02 { text-align:center; min-width:960px; width:100%; }
#outterregion02 .contenttop { background:url(images/blacktop.png) no-repeat; height:6px; width:960px; margin:0 auto; }
#outterregion02 .content { background:url(images/blackmiddle.png) repeat-y; text-align:left; min-height:20px; width:960px; margin:0 auto; color:#ffffff; }
#outterregion02 .content .left { position:relative; z-index:11; float:left; width:650px; margin:5px 0 0 30px; }
#outterregion02 .content .left span { margin:0 10px; }
#outterregion02 .content .left a { color:#ffffff; }
#outterregion02 .content .left a:hover { color:#ffa900; text-decoration:none; }
#outterregion02 .content .right { float:right; width:180px; margin:0 10px 0 0; }

#outterregion02 .contentbottom { background:url(images/blackbottom.png) no-repeat; height:6px; width:960px; margin:0 auto; }

#outterregion03 { text-align:center; min-width:960px; width:100%; margin-top:10px; }
#outterregion03 .contenttop { background:url(images/redtop.png) no-repeat; height:17px; width:960px; margin:0 auto; }
#outterregion03 .content { background:url(images/redmiddle.png) repeat-y; text-align:left;  width:960px; margin:0 auto; color:#ffffff; }
#outterregion03 .content h1 { padding-top:5px; padding-left:5px; }
#outterregion03 .content .flare01 { background:url(images/flare01.png) no-repeat; position:absolute; z-index:5; float:right; height:225px; width:661px; margin:-27px 0 0 305px; }
#outterregion03 .content #cr01002 { position:relative; float:left; z-index:10; width:700px; height:197px; margin:0 0 0 40px; }
#outterregion03 .content #cr02002 { position:relative; float:left; z-index:10; width:700px; min-height:50px; margin:0 0 0 40px; }
#outterregion03 .content #cr01002 p { width:400px; font-size:1.1em; padding:0 10px;  }
#outterregion03 .content #cr01002 a { color:#ffffff; text-decoration:underline;  }
#outterregion03 .content #cr01002 a:hover { color:#3d3d3d; text-decoration:underline;  }
#outterregion03 .contentbottom { background:url(images/redbottom.png) no-repeat; height:2px; width:960px; margin:0 auto; }

#outterregion03b { text-align:center; min-width:960px; width:100%; margin-top:10px; }
#outterregion03b .contenttop { background:url(images/redtop.png) no-repeat; height:17px; width:960px; margin:0 auto; }
#outterregion03b .content { background:url(images/redmiddle.png) repeat-y; text-align:left;  width:960px; margin:0 auto; color:#ffffff; }
#outterregion03b .content h1 { padding-top:5px; padding-left:5px; }
#outterregion03b .content #cr01002 { min-height:50px;  margin:0 20px 0; }
#outterregion03b .content #cr01002 p { font-size:1.1em; padding:2px 10px;  }
#outterregion03b .contentbottom { background:url(images/redbottom.png) no-repeat; height:2px; width:960px; margin:0 auto; }

#outterregion04 { text-align:center; min-width:960px; width:100%; }
#outterregion04 .content { background:url(images/whitemiddle.png) repeat-y; text-align:left; min-height:80px; width:960px; margin:0 auto; }
#outterregion04 .content #cr01003 { float:left; width:455px; min-height:50px; margin:0 0 0 20px; }
#outterregion04 .content #cr01004 { float:left; width:455px; min-height:50px; margin:0 0 0 10px; }
#outterregion04 .content03 { text-align:left; min-height:80px; width:960px; margin:0 auto; }
#outterregion04 .content03 #cr01003 { float:left; width:555px; min-height:50px; margin:0 0 0 20px; }
#outterregion04 .content03 #cr01004 { float:left; width:355px; min-height:50px; margin:0 0 0 10px; }
#outterregion04 .contentbottom { background:url(images/whitebottom.png) no-repeat; height:11px; width:960px; margin:0 auto; }

#outterregion04c { text-align:center; min-width:960px; width:100%; }
#outterregion04c .contenttop { }
#outterregion04c .content { background:url(images/whitemiddle.png) repeat-y; text-align:left; min-height:80px; width:960px; margin:0 auto; }
#outterregion04c .content #cr01003 { float:left; width:315px; min-height:50px; margin:0 0 0 15px; }
#outterregion04c .content h3 { background:url(images/bar2_n.png) repeat-x; color: #666666; padding-left:10px; font-size:1.25em; }
#outterregion04c .content h4 { background:#e1e1e1; color: #666666; padding-left:10px; font-size:.9em; }
#outterregion04c .content #cr01004 { float:left; width:600px; min-height:50px; margin:0 0 0 10px; }
#outterregion04c .contentbottom { background:url(images/whitebottom.png) no-repeat; height:11px; width:960px; margin:0 auto; }

#outterregion04d { text-align:center; min-width:960px; width:100%; }
#outterregion04d p { font-size:1.1em; }
#outterregion04d li { font-size:1.1em; }
#outterregion04d .contenttop { }
#outterregion04d .content { background:url(images/whitemiddle.png) repeat-y; text-align:left; min-height:80px; width:960px; margin:0 auto; }
#outterregion04d .content #cr01003 { min-height:50px; margin:0 30px; }
#outterregion04d .contentbottom { background:url(images/whitebottom.png) no-repeat; height:11px; width:960px; margin:0 auto; }

#outterregion05 { text-align:center; min-width:960px; width:100%; }
#outterregion05 .contenttop { background:url(images/whitetop.png) no-repeat; height:8px; width:960px; margin:0 auto; }
#outterregion05 .content { background:url(images/whitemiddle.png) repeat-y; text-align:left; min-height:80px; width:960px; margin:0 auto; }
#outterregion05 .content #cr01005 { float:left; width:455px; min-height:50px; margin:0 0 0 20px; }
#outterregion05 .content #cr01005 p { line-height:20px; }
#outterregion05 .content #cr01006 { float:left; width:455px; min-height:50px; margin:0 0 0 10px; }
#outterregion05 .content #cr01006 li { line-height:20px; }
#outterregion05 .content ul { margin:5px 5px 5px 15px; padding:0; }
#outterregion05 .content li { margin:5px 10px; padding:0; }
#outterregion05 .content img { margin:5px; }

#outterregion05 .contentbottom { background:url(images/whitebottomwide.png) no-repeat; height:17px; width:960px; margin:0 auto; }

#outterregion06 { text-align:center; min-width:960px; width:100%; margin-top:10px; }
#outterregion06 .content { background:#666666; text-align:left; width:940px; margin:0 auto; }
#outterregion06 .content p { color:#f1f1f1; }
#outterregion06 .content a { color:#ffffff; }
#outterregion06 .content a:hover { color:#c70000; }
#outterregion06 .content #cr01007 { float:left; width:310px; min-height:50px; margin:0 0 0 0; }
#outterregion06 .content #cr01008 { float:left; width:310px; min-height:50px; margin:0 0 0 10px; }
#outterregion06 .content #cr01009 { float:left; width:300px; min-height:50px; margin:0 0 0 10px; }

#cr01008 p { font-size:9px; color:#ffffff; }
#cr01008 .head02 { color:#ABABAB; }


#outterregion07 { text-align:center; min-width:960px; width:100%; }
#outterregion07 .content { background:#333333; text-align:left; width:940px; margin:0 auto; }
#outterregion07 .content p { text-align:center; color:#666666; padding:7px 0; }

.login {  }
.login a { color:#666666 }
.login a:hover { color:#C70000 }

.login th { color:#990000; font-weight:bold; text-align:left; }
.login td { padding:2px 2px; }
.login .logininput { background:url(images/txthome.png) no-repeat; height:26px; width:120px; padding:0; }
.login .logininput input { border:0; font-size:.9em; height:14px; width:104px; float:left; margin-left:5px; padding-top:2px; }
.login labelx { font-size:.8em; top:4px !important; }
.login .roles { font-size:1em; width:130px; }
.login .msg { font-size:1.2em; font-weight:bold; text-align:center; }
.login label.error { position:absolute; float:left; z-index:99; background:#c70000; color:#ffffff; margin-left:-120px; margin-top:31px; }

.smallsearch {  }
.smallsearch a { color:#666666 }
.smallsearch th { color:#990000; font-weight:bold; text-align:left; }
.smallsearch td { padding:0 2px; }
.smallsearch input { width:104px; background:url(images/txthome.png); border:0; font-size:.9em; height:19px; padding:7px 8px 0 8px;   } 
.smallsearch label { font-size:.8em; top:4px !important; }


.homesignup { margin:10px 0; }
.homesignup td { padding:5px 10px 0 10px; vertical-align:top; text-align:center; }
.homesignup td p { text-align:left; }

.gelbtn26 { display:block; background:url(images/gelbtn26.png) no-repeat; margin-top:1px; width:26px; height:16px; text-align:center; color:#f1f1f1 !important; font-weight:bold; }
.gelbtn26:hover { background-position:-26px 0; color:#ffffff !important; text-decoration:none;  }


.gelbtn26b { display:block; background:url(images/gelbtn26b.png) no-repeat; width:35px; height:27px; text-align:center; color:#f1f1f1 !important; font-weight:bold; font-size:.8em; }
.gelbtn26b:hover, .gelbtn26b.hover { background-position:-35px 0; color:#ffffff !important; text-decoration:none;  }
.gelbtn26b_p div { padding-top:6px; }

.gelbtn64 { display:block; background:url(images/gelbtn64.png) no-repeat; margin-top:3px; width:64px; height:17px; text-align:center; color:#f1f1f1 !important; font-weight:bold; }
.gelbtn64:hover { background-position:-64px 0; color:#ffffff !important; text-decoration:none;  }

.gelbtn56g { display:block; background:url(images/gelbtn56g.png) no-repeat; width:56px; height:26px; text-align:center; color:#f1f1f1 !important; font-weight:bold; }
.gelbtn56g:hover, .gelbtn56g.hover { background-position:-56px 0; color:#ffffff !important; text-decoration:none;  }
.gelbtn56g_p div { padding-top:6px; }

.gelbtn114 { display:block; background:url(images/gelbtn114.png) no-repeat; margin-top:3px; width:114px; height:26px; text-align:center; color:#f1f1f1 !important; font-weight:bold; font-size:.9em; }
.gelbtn114:hover, .gelbtn114.hover  { background-position:-114px 0; color:#ffffff !important; text-decoration:none; font-weight:bold;  }
.gelbtn114_p div { padding-top:6px; }

.gelbtn114b { display:block; background:url(images/gelbtn114b.png) no-repeat; margin-top:3px; width:114px; height:43px; text-align:center; color:#f1f1f1 !important; font-size:.8em; font-weight:bold;  }
.gelbtn114b:hover, .gelbtn114b.hover { background-position:-114px 0; color:#ffffff !important; text-decoration:none;  }
.gelbtn114b div { padding: 14px 4px 0 4px; }

.gelbtn100r { display:block; background:url(images/gelbtn100r.png) no-repeat -1px 0; width:103px; height:38px; text-align:center; color:#aa0000 !important; font-size:1.25em; font-weight:bold;  }
.gelbtn100r:hover, .gelbtn100r.hover { background-position:-104px 0; color:#aa0000 !important; text-decoration:none;  }
.gelbtn100r_p div { padding-top:8px; }

.gelbtn275 { display:block; background:url(images/gelbtn275.png) no-repeat; margin-top:3px; width:275px; height:62px; text-align:center; color:#f1f1f1 !important; font-size:2em; font-weight:bold; }
.gelbtn275:hover, .gelbtn275.hover { background-position:-275px 0; color:#ffffff !important; text-decoration:none;  }
.gelbtn275_p div { padding-top:15px; }

.gelbtn275r { display:block; background:url(images/gelbtn275r.png) no-repeat; margin-top:3px; width:275px; height:62px; text-align:center; color:#aa0000 !important; font-size:2em; font-weight:bold; text-decoration:none !important; cursor:pointer;  }
.gelbtn275r:hover, .gelbtn275r.hover { background-position:-275px 0; color:#aa0000 !important; text-decoration:none !important;  }
.gelbtn275r_p div { padding-top:18px; }

.gelbtnpill { display:block; background:url(images/gelbtnpill.png) no-repeat; margin-top:3px; width:113px; height:90px; text-align:center; color:#f1f1f1 !important; font-size:2em; font-weight:bold; }
.gelbtnpill:hover, .gelbtnpill.hover { background-position:-113px 0; color:#ffffff !important; text-decoration:none;  }

.gelbtnbluepill { display:block; background:url(images/gelbtnbluepill.png) no-repeat; margin-top:3px; width:113px; height:90px; text-align:center; color:#f1f1f1 !important; font-size:2em; font-weight:bold; }
.gelbtnbluepill:hover, .gelbtnbluepill.hover { background-position:-113px 0; color:#ffffff !important; text-decoration:none;  }

.accordianheader { background:url(images/bar2_n.png) repeat-x; }

.answers { font-size:1.5em; text-align:left;  }
.answers table { }
.answers label { color:#000000; font-weight:normal; cursor:pointer; font-size:1em; margin-left:10px; }
.answers h2 { font-size:1.5em; margin:5px 0; }

.testheader h1 { font-size:2em; }
.testheader h2 { font-size:1.5em; color:#aaaaaa; }

.testquestion { font-size:1.25em !important; }

.questionheader { width:100%; background:url(images/bar2_n.png) repeat-x; height:40px; }
.questionheader h3 { font-size:1.75em; margin-left:10px; }
.questionheader td { font-size:0.6em; }
.questionheader td span label { display:block; float:left; width:52px; text-align:center; margin-left:15px; }
.questionheader a { width:100%; color:#000000; text-decoration:none; }
.questionheader .testspcr { width:1px; border-bottom:1px solid #999999; border-top:1px solid #999999; background:#e1e1e1; overflow:hidden; font-size:0;  }
.questionheader .testbutton { width:120px; padding-left:10px; border-left:1px solid #999999; border-bottom:1px solid #999999; border-top:1px solid #999999; background:#f1f1f1;  }

.searchsection .txtSearch { background:url(images/txtSearch.png) no-repeat; width:370px; height:27px; border:0; padding:11px 10px 0 10px; font-size:1.25em; font-style:italic; }
.searchsection .gelbtn100r { top:2px; position:relative; float:left; }

.tabbedselection {  width:100%; }
.tabbedselection h2 { font-size:1.25em; font-style:italic; }
.tabbedselection:hover { background:#990000; color:#F5F5F5; width:100%; }
.tabbedselection th { padding:3px 5px; text-align:left; font-size:1em; }
.tabbedselection td { padding:3px 5px; text-align:left; font-size:.9em; }

.acselected .tabbedselection  .expselected { background:url(images/arrow_red.png); width:18px; height:18px; background-position: 0 -18px; }
.acnormal .tabbedselection  .expselected { background:url(images/arrow_red.png); width:18px; height:18px; }

.tabbedselection .title { width:100%; }

.tabbedselection .grid-row { background:url(images/bar2_n.png) repeat-x; color: #333333; cursor:pointer; }
.tabbedselection .grid-row:hover { background:url(images/bar2_h.png) repeat-x; color:#000000; width:100%; }

.tabbedselection .grid-row-alt { background:url(images/bar2_n.png) repeat-x; color: #333333; cursor:pointer; }
.tabbedselection .grid-row-alt:hover { background:url(images/bar2_h.png) repeat-x; color:#000000; width:100%; }

.acselected .tabbedselection .grid-row { background:url(images/bar2_s.png) repeat-x !important; color:#000000 !important;  }
.acselected .tabbedselection .grid-row-alt { background:url(images/bar2_s.png) repeat-x !important; color:#000000 !important;  }

.tabbedselectionbody { border-bottom:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; background:#f1f1f1;  }
.tabbedselectionbody .icn { padding:0 5px !important; text-align:center; white-space:nowrap; font-size:.9em; }
.tabbedselectionbody h3 { font-size:.90em; padding:4px; color:#2d2d2d; }
.tabbedselectionbody p { font-size:.9em; color:#3d3d3d;  }

.tabbedselectionbody .options { width:100%;margin:5px 1px; }
.tabbedselectionbody .options td { font-size:.8em; text-align:center; width:78px; }


.alerts .notify { display:block; position:relative; margin-top:-22px; float:right; width:130px; height:20px; background:url(images/cellphone.png) no-repeat; padding-left:15px; padding-top:2px; }
.alerts { border-left:solid 1px #caccce; border-right:solid 1px #caccce; border-bottom:solid 1px #caccce; border-top:0; }
.alerts ul { margin:0; padding:0; list-style-type:none; }
.alerts ul li { margin:0; padding:5px 10px;  }

.alerts table td { padding:2px; }
.alerts table .l { width: 100%; }
.alerts table .r { color:#999999; white-space:nowrap; font-weight:bold; }
.lnkclose { display:block; background:url(images/alertclose.png) no-repeat; width:13px; height:13px;  }

.clear { clear:both; }

.testinstructions {}
.testinstructions p { font-size:14px; line-height:20px; margin:10px; }

.inlineRating { float: left; width:100px; }
.ratingStar { background:url(images/star_grey.png); height:16px; width:16px; }
.emptyRatingStar { background:url(images/star_grey.png); height:16px; width:16px; }
.filledRatingStar { background:url(images/star_yellow.png); height:16px; width:16px; }
.savedRatingStar { background:url(images/star_green.png); height:16px; width:16px; }


.modalBackground { background:#3d3d3d; border: solid 1px #d1d1d1; filter:alpha(opacity=70); opacity:0.7; }
.modalWindow {  color:#3d3d3d; }
.modalWindow .modalTL { background:url(images/modalTL.png) no-repeat; padding:10px;}
.modalWindow .modalT { background:url(images/modalT.png) repeat-x; height:20px; }
.modalWindow .modalTR { background:url(images/modalTR.png) no-repeat; padding:10px; }

.modalWindow .modalL { background:url(images/modalL.png) repeat-y; width:20px;  }
.modalWindow .content { background:#CCCCCC !important;  }
.modalWindow .modalR { background:url(images/modalR.png) repeat-y; width:20px; }

.modalWindow .modalBL { background:url(images/modalBL.png) no-repeat; padding:10px; }
.modalWindow .modalB { background:url(images/modalB.png) repeat-x; height:20px; }
.modalWindow .modalBR { background:url(images/modalBR.png) no-repeat; padding:10px; }

.modalWindow .close { position:relative; top:15px; left:5px }

.modalWindow .content { color:#3d3d3d !important; }


.ajax__tab_body { background-color:#eaeaea !important; border:none !important; }


.lnktaketest { background:url(images/taketest.png) no-repeat; width:36px; height:36px; display:block; margin-left:21px; }
.lnktaketest:hover { background-position:-36px 0; }

.lnkreports { background:url(images/lnkreports.png) no-repeat; width:36px; height:36px; display:block; margin-left:21px; }
.lnkreports:hover { background-position:-36px 0; }

.lnkgradebook { background:url(images/gradebook.png) no-repeat; width:36px; height:36px; display:block; margin-left:21px; }
.lnkgradebook:hover { background-position:-36px 0; }

.lnkschools { background:url(images/lnkschools.png) no-repeat; width:36px; height:36px; display:block; margin-left:21px; }
.lnkschools:hover { background-position:-36px 0; }

.lnknotset { background:url(images/lnknotset.png) no-repeat; width:36px; height:36px; display:block; margin-left:21px; }
.lnknotset:hover { background-position:-36px 0; }

.lnkpurchase { background:url(images/btn_purchase.png) no-repeat; width:36px; height:36px; display:block; margin-left:21px; }
.lnkpurchase:hover { background-position:-36px 0; }


.dds { background:url(images/textsearch.png) no-repeat; width:31px !important; height:25px !important; border:0 !important; padding:0; position:absolute; right:-2px; top:0; z-index:20; cursor:pointer; }
.dds:hover { background-position:0 -28px; }
.dds.active { background-position:0 -56px; }

.dds_qm { background:url(images/textsearch.png) no-repeat -35px 0; width:31px; height:25px; border:0 !important; padding:0; position:absolute; right:1px; top:0; z-index:20; cursor:pointer; }
.dds_qm:hover { background-position:-35px -28px; }
.dds_qm.active { background-position:-35px -56px; }


.ddl_nm { display:block; background:url(images/dropdownarrow.png) no-repeat -71px 0 !important; width:31px !important; height:25px !important; border:0 !important; padding:0; position:absolute; right:0; top:0; z-index:20; cursor:pointer; }
.ddl_nm:hover { background-position:-71px -28px !important; }
.ddl_nm.active {  background-position:-71px -56px !important; }

.ddl_hm { display:block; background:url(images/dropdownarrow.png) no-repeat -0 0 !important; width:31px !important; height:25px !important; border:0 !important; padding:0; position:absolute; right:0; top:5px; z-index:99; cursor:pointer; }
.ddl_hm:hover { background-position:0-28px !important; }
.ddl_hm.active {  background-position:0 -56px !important; }

.tilecontainer { height:253px; margin:0; padding:0; }
.tilecontainer .l { height:223px; width:4px; background:url(images/tile_box.png) no-repeat 0px -223px; float:left; margin:0; padding:0; font-size:0; display:block;  }
.tilecontainer .c { height:223px; background:url(images/tile_box.png) repeat-x; float:left; margin:0; padding:0; display:block; }
.tilecontainer .c input { background:url(images/tile_box.png) repeat-x; border:0; float:left; width:100%; z-index:10; height:18px; padding-top:7px; font-size:9px; }
.tilecontainer .r { height:223px; width:4px; background:url(images/tile_box.png) no-repeat -4px -223px; float:left; margin:0; padding:0; font-size:0; display:block; }

#divRoleSelection { border:solid 1px #666666; background:#f1f1f1; display:none; position:absolute; z-index:10; width:90%; top:26px; left:0; }
#divRoleSelection ul { padding:0; list-style:none; margin:0; width:100%; }
#divRoleSelection ul li { margin:0; padding:5px; }
#divRoleSelection ul li:hover { background:#990000; color:#ffffff; }
#divRoleSelection ul li:hover a { color:#ffffff; }

.tile-drop-user { background:url(images/target_user.png) no-repeat; width:73px; padding-top:76px; font-size:9px; text-align:center; margin-left:10px; }

.tile-questiont { background:url(images/tile-questiontb.gif) no-repeat; height:18px; width:100%; position:absolute; float:left; z-index:10; top:0; left:0; }

.tile-question { background:url(images/tile-questionc.gif); position:relative; margin-top:7px; }
.tile-question table { width:848px; float:left; z-index:20; margin-left:20px; margin-top:3px; }
.tile-question table td {  padding:5px; vertical-align:top; white-space:nowrap; }
.tile-questionb { background:url(images/tile-questiontb.gif) no-repeat 0 -18px; height:4px; margin-bottom:7px; }


.pager_l { background:url(images/pager.png) no-repeat 0 0; width:5px; height:18px; float:right; }
.pager { background:url(images/pager.png) repeat-x 0 -18px; height:16px; float:right; padding:2px 5px 0 5px; }
.pager a { color:#ffffff; padding:0 3px; }
.pager span { color:#000000; padding:0 3px; }
.pager_r { background:url(images/pager.png) no-repeat -7px 0; width:5px; height:18px; float:right; } 

.watermarktext { color:#666666; font-style:italic; }

span.link { color:#990000; text-decoration:underline; cursor:pointer; }
span.link:hover { color:#ff0000; text-decoration:underline; cursor:pointer; }


/* PEG Input CSS (Jason Jensen 06/30/2010) */
.pto { background:#cccccc; width:100%; }
.ptc { background:#E4E4E4 url(/app_themes/ems/images/txtnorm.gif) repeat-x; min-height:23px; }
.ptc .pti { padding:3px 6px 0 4px; overflow:hidden; }
.ptc button { top:-1px; right:-3px !important; z-index:1 !important; }
.focus { background:#ffffff !important; background-image:none; color:#000000 !important; }
.focus input { color:#000000 !important; }
.focus textarea { color:#000000 !important; }
.ptc input { border:0; background:transparent; padding:1px 8px 0 4px; color:#666666; width:100%; }
.ptc textarea { border:0; background:transparent; padding:1px 8px 3px 4px; color:#666666; width:100%; }
input.peg { border:none; float:none; height:18px; }

label 
{
    font-weight:normal;
    line-height:100%;
    margin:0;
    display:block;
    clear:both;
    /* font-size:.85em;  */
    color:#3d3d3d; 
    font-style:italic; 
    padding:6px 5px 12px 5px;
}

.TestAnswer label { display:block; padding:2px 5px 5px 5px; font-style:normal; white-space:normal; width:800px; float:right; }
.req { color:#f10000; font-size:.85em; padding:5px 5px 0 5px; font-style:normal; }

/* PEG Error Display (Sam Bronkema/Jason Jensen 07/08/2010) */
.message {margin:20px;background:url(/app_themes/ems/images/error.png) no-repeat top left;font-size:12pt;font-weight:bold;color:#900;text-align:left;padding:6px 40px;}
.formerror {background:#990000; color:#ffffff; z-index:99;margin:-65px 6px 0 0;position:relative;float:right; }
.validator {color:#fff !important;}
.validator span.wrapper {display:block;padding:2px 6px 3px 6px;}
.validator-summary { padding:6px 0 6px 40px;text-align:left;background:transparent url(/app_themes/ems/images/error.png) no-repeat top left;font-size:12pt;font-weight:bold;color:#900 !important;}
.validator-summary ul {color:#f10000;font-size:10pt;margin:10px 20px;padding:0;display:none;}
    
/* PEG Input Table Formatting CSS 4-Col (Jason Jensen 06/30/2010) */
.tbl4col { width:100%; }
.tbl4col .c1 { padding:0 9px; width:25%; vertical-align:top; }
.tbl4col .c2 { padding:0 25px 0 9px; width:25%; vertical-align:top; }
.tbl4col .c3 { padding:0 9px 0 25px; width:25%; vertical-align:top; }
.tbl4col .c4 { padding:0 9px; width:25%; vertical-align:top; }
.tbl4col .c1-2 { padding:0 25px 0 9px; width:50%; vertical-align:top; }
.tbl4col .c1-3 { padding:0 25px 0 9px; width:75%; vertical-align:top; }
.tbl4col .c3-4 { padding:0 9px 0 25px; width:50%; vertical-align:top; }
.tbl4col .c1-4 { padding:0 9px; width:100%; vertical-align:top; }
.tbl4col label.ui-checkbox { font-size:1.1em !important; }

.tbl6col { width:100%; }
.tbl6col th { width:16%; padding:0 2px; vertical-align:top; text-align:left; }
.tbl6col td { width:16%; padding:0 2px; vertical-align:top; }

.autosize { width:100%; border:none; font-family:Verdana, Sans-Serif; font-size:1em; display:block; height:15px; }

.pleasewait { position:fixed; top:0; left:0; width:100%; height:100%; background: url(/app_themes/ems/images/colorbox/overlay.png) repeat 0px 0px; display: block; z-index:1000;  opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; }
.pleaseWaitMsg { position:relative; background:transparent url(images/ajaxloadingback.png) no-repeat; width:200px; height:112px; padding-top:38px ; overflow:hidden; z-index:1001 !important; }
.pleaseWaitMsg h3 { background-image:none !important; color:#ffffff !important; margin-top:35px; }

/* Watermark for non-HTML5 browsers */
.updnWatermark {position:relative;width:0;height:1.25em;vertical-align: middle;}
.updnWatermark {*zoom:1;} /* IE7/6 hasLayout hack */
.updnWatermark label {font-style:italic;position:absolute;white-space:nowrap;left:3px;top:-1px;color:#666666;padding:0 0 0 4px;height:1.25em;vertical-align:middle;}
.pti .updnWatermark label {font-size:1.1em;}
.searchsection .updnWatermark label {font-size:1.25em;}
.smallsearch .updnWatermark label {font-size:.9em;margin-top:-2px;}



#cboxTitle { top:0; left:0; bottom:auto; right:auto; color:#990000; font-size:1.5em; font-weight:bold; }
#yti01 { padding-top:30px; }
#yti02 { padding-top:30px; }
#yti03 { padding-top:30px; }
#yti04 { padding-top:30px; }
#yti05 { padding-top:30px; }

.yti01 { overflow:hidden; }
.yti02 { overflow:hidden; }
.yti03 { overflow:hidden; }
.yti04 { overflow:hidden; }
.yti05 { overflow:hidden; }



/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(images/rating/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(images/rating/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


span.clicky { background:#333333; cursor:pointer; padding:2px 5px; color:#ffffff; }
span.clicky:hover { background-color:#666666; cursor:pointer; }

a.clicky { background:#333333; cursor:pointer; padding:2px 5px; color:#ffffff; white-space:nowrap; font-weight:bold; text-decoration:none; }
a.clicky:hover { background-color:#666666; cursor:pointer; text-decoration:none; }
.clicky img { position:relative; top:3px; }