/* ----- Home STYLES - myCOBUILD.com ----- */

span.error {margin: 0; padding: 0; font-size: 10px!important; color: #ff0000; font-weight: bold; clear: both; float: left; margin: 0 0 10px 38px;}

#content.homeWrapper { margin: /*20px 0 0*/25px 0 0; }

#content.homeWrapper .left { float:left; width:49%; }

#content.homeWrapper .home-heading1 { font-size:1.50em; color:#4D4D4D; float:left; padding:7px 0 0 10px; }

#content.homeWrapper .home-text1 { font-size:0.90em; color:#4D4D4D; float:left; padding:7px 0 0 10px; clear:both; width:96%; display:inline-block; }

#content.homeWrapper .home-heading-green { font-size:15px; color:#008080; float:left; padding:0; }

h1#homepage {position: absolute; top: 410px; left: 0px;  margin:0; padding:0; }
h1#homepage img.homepageCopy {margin: 0 13px 0 0;}
h1#homepage img.homepageStrapline {margin: 0 0 0 21px;}

#content div.homepageBoxes {float: left; width: 377px; height: 176px; border: 1px solid #EEEEEE; margin: 10px 0 0 10px; background: url(../images/global/component-tile.gif) left bottom repeat-x scroll;}
#content div.homepageBoxes.login { margin-right: 10px;}
#content div.homepageBoxes span.componentBorder {border: 1px solid #fff; width: 375px; height: 174px; display: block;}

#content div.homepageBoxes div.componentBorder {border: 1px solid #fff; width: 375px; height: 174px; display: block;}


#content div.homepageBoxes h2.title {background: url(../images/global/component-header-bars.gif) top left repeat-x scroll; padding: 10px 0 0 6px; height: 28px; margin-bottom: 5px; clear:both;}
#content div.homepageBoxes h2.title-fix { padding: 5px 0 0 6px; }
#content div.homepageBoxes h2.border-top { border-top: 1px solid #EEEEEE; }


#content div.homepageBoxes p {margin-left: 6px; font-size: 0.9em; margin: 0 0 1em 6px;}
#content div.homepageBoxes p img {margin-right: 10px; float: left;}

#content div.homepageBoxes fieldset {margin: 0;}
#content div.homepageBoxes fieldset.loginDetails label {float: left; font-size: 0.9em; clear: both; margin: /*1px 8px 0 40px*/1px 8px 0 10px;}
#content div.homepageBoxes fieldset div.loginboxShadow {float: left; width: 156px; height: 19px; background: url(../images/global/loginBox-shadow.gif) left top no-repeat scroll; padding: 2px 0 0 2px; margin: 0 0 10px 0;}
#content div.homepageBoxes fieldset div.loginboxShadow input.loginBoxes {width: 152px; border: 0; padding: 0; margin: 0;}
input.button.login {margin: 0 0 0 8px; padding: 0 5px;}
#content div.homepageBoxes fieldset p.forgotten {font-size: 0.8em; float: left; clear: both; width: 250px; padding-left: /*97px*/5px;}
#content div.homepageBoxes fieldset p.forgotten a {color: #000; text-decoration: underline;}

#content div.homepageBoxes fieldset.registerDetails label {float: left; font-size: 0.9em; clear: both; margin: 1px 8px 0 0;}
#content div.homepageBoxes fieldset div.registerboxShadow {float: left; width: 106px; height: 19px; background: url(../images/global/registerBox-shadow.gif) left top no-repeat scroll; padding: 2px 0 0 2px; margin: 0 0 10px 0;}
#content div.homepageBoxes fieldset div.registerboxShadow input.registerBoxes {width: 101px; border: 0; padding: 0; margin: 0;}
input.button.register {margin: 0 0 0 8px; padding: 0 5px;}

#content div.homepageButtons {clear: both; padding: 180px 0 0;}
#content div.homepageButtons a {float: left; margin-right: 10px; }
#content div.homepageButtons a.last {margin-right: 0;}

/* homepage logged in */
#wrapper h1.loggedIn {display:none; background:red;}
#content div.homeSection {position:relative; font-size:0.9em; float:left; display:inline; margin:0 0 30px 10px; width:249px; border:1px solid #EEE; padding:1px;}
#content div.homeSection a img {border:0;}
#content div.homeSection div.inner { height:146px; margin-top:5px; background:url(../images/global/light-grad.gif) bottom left repeat-x scroll;}
#content div.homeSection div.inner p {width:235px; margin-left:7px; color:#000; line-height:1.2em; margin-bottom:0.9em;}
#content div.homeSection div.inner ul {margin-top:10px;}
#content div.homeSection div.inner ul.words,
#content div.homeSection div.inner ul.wordset {margin-left:7px;}
#content div.homeSection div.inner ul.words li {width:109px; float:left; display:inline; margin:0 10px 4px 0;}
#content div.homeSection div.inner ul.words li.second {width:106px;}
#content div.homeSection div.inner ul.words li a,
#content div.homeSection div.inner ul.wordset li a {padding-left:12px; background:url(../images/global/grey-arrow-right.gif) 4px 0.4em no-repeat scroll; color:#000;}
#content div.homeSection div.inner ul.wordset li {margin:0 10px 4px 0;}
#content div.homeSection div.inner div.bottom {border-top:1px solid #EEE; position:absolute; bottom:1px; left:1px; width:235px; height:19px; padding:7px 7px 0 7px;}
#content div.homeSection div.inner div.bottom ul {}
#content div.homeSection div.inner div.bottom ul li {margin-bottom:2px;}
#content div.homeSection.bottom {margin:30px 0 20px 10px;}
#content div.homeSection.bottom div.inner img {float:right; margin:2px 8px 0 0;}
#content div.homeSection.bottom div.inner p {width:180px; margin-top:3px;}
#content div.homeSection.bottom div.inner p a {color:#4d4d4d;}
#content div.homeSection.bottom div.inner p a img {float:none; margin:0 0 0 3px; display:inline; vertical-align:text-bottom;}
#content div.homeSection.bottom div.inner {height:54px;}
/* word of the day */
#content div.wordOfTheDay {clear:both; border:1px solid #EEE; padding:1px; margin:0 11px 0 10px; font-size:0.9em;}
#content div.wordOfTheDay h3 {float:left; padding-right:1px; border-right:1px solid #FFF; line-height:27px;}
#content div.wordOfTheDay h3 img {border-right:1px solid #EEE;}
#content div.wordOfTheDay dl {width:621px; height:25px; background:url(../images/global/light-grad.gif) bottom left repeat-x scroll; margin:3px 0 0 0; padding:0; float:left;}
#content div.wordOfTheDay dl dt {float:left; display:block; padding:3px 6px; border:1px solid #AFBFE1; font-weight:bold; color:#158A96; margin:0 13px 0 6px; background:#FFF;}
#content div.wordOfTheDay dl dd {float:left; margin:3px 10px 0 0;}
#content div.wordOfTheDay dl dd span.additional {display:none;}
#content div.wordOfTheDay dl dd.link {float:right; margin-right:0;}
#content div.wordOfTheDay dl dd.link a {margin-right:4px;}