/* ************ Start: default.css ************ */
/*******************************************************
Use default.css for all standard site wide styles. This
includes consistent presentation such as navigation and
typography. Simon - 24-09-09
*******************************************************/

/* Typography */
body { background:#f1eff2 url(/images/body-bg.gif) 50% 0 repeat-y; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.75em; color:#4C4C4C; }
p { color:#4C4C4C; margin:6px 0 12px 0; }
h1 { color:#380063; font-size:1.7em; margin:8px 0 12px 0; }
h2 { color:#380063; font-size:1.4em; margin:8px 0 12px 0; }
h3 { color:#380063; font-size:1.2em; margin:8px 0 12px 0; font-weight: bold; }
h4 { color:#380063; font-size:1em; margin:8px 0 12px 0; font-weight:bold; }
h5 { color:#380063; font-size:1em; font-weight:bold; }
a:link, a:visited { color:#380063; text-decoration:none; outline:none; }
a:hover, a:active { color:#380063; text-decoration:underline; outline:none; }


/* Core layout styles */
#divSignInRibbon { height:40px; line-height:40px; width:990px; margin:0 auto; position:absolute; top:0; left:50%; margin-left:-495px; }
#siteWrapper { width:990px; height:100%; padding:0 0 20px 0; margin:40px auto 0 auto; position:relative; overflow:auto; background:#ffffff; overflow:hidden; }
    #two-page { position:relative; width:970px; margin:130px auto 0 auto; padding:10px 10px 0 10px; }
    #two-header { position:absolute; width:990px; height:102px; top:0; left:0; background:#380063; }
        #logo { float:left; width:240px; padding:28px 0 0 10px; }
        #banner { float:left; padding:6px; height:90px; width:728px; }
    #two-navigation { position:absolute; width:990px; height:28px; top:102px; }
#footer { width:990px; margin:0 auto; background:#fafafa url(/images/homepage/footer-border.png) 0 0 no-repeat; }
#two-left { background:#ede9f1; float:left; width:165px; }
#two-content { float:right; width:790px; margin-left:15px; }
#two-footer { clear:both; /*float:none; position:relative; top:auto;*/ }

/* Left-hand navigation */
#leftHandMenu {}
#leftHandMenu .mainHeading { background:url(/images/secondary-button-bg.gif) 0 0 repeat-x; line-height:26px; padding-left:5px; font-weight:bold; }
#leftHandMenu .subHeading { padding:4px 0 4px 5px; font-weight:bold; }
#leftHandMenu .subHeading img { vertical-align: text-bottom; }
#leftHandMenu ul li { padding:3px 0 3px 10px; background:#f5f1f8; border-bottom:1px solid #EDE9F1 }
#leftHandMenu ul li a { display:block; padding:2px 0; }
#leftHandMenu a { text-decoration:none;}



/* List styles */
.bulleted-list { margin:10px; }
.bulleted-list li { list-style:disc inside; }

#footer a.footer { color:#FFFFFF!important; }
#footer a.footer2 { color:#380063!important; }

.clear { clear:both; height:0; line-height:0; font-size:0; }




/* Toolbar styles */

#toolbarWrapper {width: 100%; margin: 0px auto; z-index: 8888; background:url("/images/toolbar/toolbar-background.png") repeat-x scroll 0 0 #5F387B;  -moz-box-shadow: 0px 1px 10px #999, inset 1px 1px 0px #9584A4; -khtml-box-shadow: 0px 1px 10px #999;  -webkit-box-shadow: 0px 1px 10px #999;border-top: 1px solid #4F296B; position: fixed; bottom: 0px; left: 0px; height: 36px;  }

div#toolbar { z-index: 8888; height: 36px; width: 1050px; margin: 0px auto; }
div#toolbar a:hover {border: none; }


/*-- Left Side --*/
.leftside {float: left; width:650px; border-right:#ffffff; height:36px;}
.leftmessages, previewmessages {padding: 10px 0 0 35px; background:url("/images/toolbar/smlLogo.png") no-repeat scroll 0 5px transparent; height:36px}
.imghidetextmessage {vertical-align:middle; padding-left:10px;}
span.messageText { color:#fff;}

ul#messages {padding: 0 10px 0 10px; float:left;}
ul#messages li {color:#333333; list-style:none; display:inline; }
a.toolbarHighlight { color:#fff; font-size:13px; margin:0; font-weight: bold; display:inline; }

/* messages */

.iframemessage { background-color:none !important; width:630px !important; padding-top:3px;}
#divpreviewmsg {margin:4px 10px 0 10px;}
#preview { width:650px; }

#ancHide  {float:right; margin: 0px 10px 0 0; background:url("/images/icons/toolbar/arrow.png") no-repeat scroll 5px 4px transparent; padding: 0 0 0 15px; color:#380063; border-left: 1px solid #6b4983; color:#d9d0df;}
 
a.hover1, a.hover2 {display: inline-block; width: 40px;height: 35px; margin-top: 1px;}

/* hover */
a.hover1:hover, a.hover2:hover,{background-position: 1px 1px; }
a.hover1 {background-color:#00FF00;}
a.hover2 {background-color:#996600;}
.tip {position: absolute; right:100px; top: -79px; width: 250px; height: 78px; background-color:#FFFF00; float: left; display: none;}
#tiphover1 {right: 50px;}


ul.updatecountdown { text-decoration:none;}
.countIcon {padding:2px 3px 0 0;}
#imgEditCountdown {padding:2px 0 0 5px;}

/* show button */
span.showbar a {text-decoration:none; font-size: 10px; color: #ffffff;}


/*-- Right Side --*/
.rightside {float: left; height:36px;  background-color:#9c91a8; border-left:1px solid #76608a; width:350px;  -moz-box-shadow: 0px 1px 5px #999; -khtml-box-shadow: 0px 1px 5px #999;  -webkit-box-shadow: 0px 1px 5px #999; border-right: 1px solid #76608a;}
.countdown {border: 1px solid #cccccc; background-color:White; padding: 0px 10px 10px 10px; float:left;   height:18px; margin:3px;}
.planningIcon{width:16px; }

/* hide button */
div#toolbarbut {position: fixed; bottom: 0px;right: 0px;z-index: 9999; height: 22px; width: 80px;margin-right: 5%;display: none;padding: 23px 0 0 10px;  background-color:#FFFFFF; background:url('/images/icons/toolbar/downarr-show1.png') no-repeat 0px 0px;  -moz-border-radius-topright: 8px;-khtml-border-radius-topright: 8px;-webkit-border-top-right-radius: 8px;}
span.downarr { float: left; margin:0;width:40px; border-right: 1px solid #6b4983;}
span.downarr a {display: block;width: 36px;height: 36px;padding: 6px 5px 0 7px; font-size:11px; font-weight:bold; color: #ffffff; text-decoration:none; }
span.menu_title a {font-size: 12px; color: #ffffff;}


/* Budget section */

.budgetpopup { background:url('/images/icons/toolbar/down_arrow.png') no-repeat 2px 2px; height:210px; position: relative; right:99px; bottom:265px; width: 290px;padding-bottom:15px; text-align:left; background-color:#F1F1F1; float: left;  display:none;  -moz-box-shadow: 0px 1px 10px #999, inset 3px 3px 0px #f7f7f7; -khtml-box-shadow: 0px 1px 10px #999;  -webkit-box-shadow: 0px 1px 10px #999; border:1px solid #bdbdbd;}
.budgetpopup img#imgBottomarrow {position:absolute; bottom:-17px; right:155px;}
.budgetpopup span#managebudgetlink {float:right;  margin:10px 10px 0 0;}
.budgetplannerlink {padding:10px; border-bottom:1px dotted #D3D3D3;  background:url('/images/icons/toolbar/budget.png') no-repeat 9px 6px;}
.budgetplannerlink a{margin-left:30px; font-size:1.1em;}
.budgetstatus {margin:10px; padding:5px 0 5px 0; background-color:White; border:1px solid #E5E0E6;  color:#4C4C4C;}
.budgetstatus img {vertical-align:middle; padding-left:5px; padding-right:5px;}
.budgetstatus span#amount { color:Red;}
.budgetsummary {margin:10px 0 10px 20px; font-size:11px;}
.budgetsummary p {margin-bottom:0; font-size:11px;}
.budgetsummary p span.title{ font-weight:bold; padding-right:30px; }
.budgetsummary p span.cost{ font-weight:bold; padding-right:11px;}

.addbudgetsummary { margin:0 10px 10px 20px;}
.listbudgetsummary {margin:0 0 10px 5px;}
.listbudgetsummary li {background:url('/images/icons/toolbar/heart_bullet.gif') no-repeat 0px 7px; line-height:20px; padding:0 0 0 20px !important; text-align:left!important; width:230px !important; border:none !important; }

.imgBudgetclose {position:absolute; top:-15px; right:-10px;}
.budget-mainarea {padding:5px 0 0 0;}

.addtodosummary { margin:0 10px 10px 20px;}
.listtodosummary { margin:0 0 10px 5px; }
.listtodosummary li {background:url('/images/icons/toolbar/heart_bullet.gif') no-repeat 0px 7px; line-height:20px; padding:0 0 0 20px !important; text-align:left!important; width:230px !important; border:none !important; }
.todopopup { background:url('/images/icons/toolbar/down_arrow.png') no-repeat 2px 2px; position: relative; right:105px; bottom:315px; width: 290px;height:260px; padding-bottom:15px; text-align:left;  background-color:#F1F1F1; float: left; display:none; -moz-box-shadow: 0px 1px 10px #999, inset 3px 3px 0px #f7f7f7; -khtml-box-shadow: 0px 1px 10px #999;  -webkit-box-shadow: 0px 1px 10px #999; border:1px solid #bdbdbd;}
.imgTodo {}
.imgtodoclose {position:absolute; top:-15px; right:-10px;}
.todo-mainarea { padding:5px 0 0 0;}
.todo-mainarea span { color:#4C4C4C;}
.todoplannerlink {padding:10px; border-bottom:1px dotted #D3D3D3;  background:url('/images/icons/toolbar/todo-tick.png') no-repeat 9px 6px;}
.todoplannerlink a{margin-left:30px; font-size:1.1em;}
.todostatus {margin:10px; padding:6px 0 4px 0; background-color:#FFFFFF; border:1px solid #E5E0E6;}
.todostatus span#todocount { color:Red;}
.divtodolist {background:url('/images/icons/toolbar/arrow.gif') no-repeat 7px 10px; margin:0 10px 0 10px; background-color:#F9F8F7; border-top:thin dotted #E0DAE4; height:22px; padding:7px 10px 0px 10px;}
.divtodolist span.description {padding:4px 10px 2px 10px; font-size: 0.95em;}
.divtodolist span.todo-date {float:right; padding-right:10px; font-size: 0.95em; color:#4C4C4C;}
.todostatus img{vertical-align:middle; padding-left:5px; padding-right:5px;}
.todosummary{margin-left: 10px; line-height: 12px; font-size:11px; padding-top:10px; margin-bottom:12px;}
.todosummary span#taskcompletelabel {background:url('/images/icons/toolbar/small_tick.png') no-repeat 7px 2px; padding-left:25px; font-size:11px; font-weight:bold;}
.todosummary span#taskoutstandinglabel {background:url('/images/icons/toolbar/outstanding.png') no-repeat 6px 0px; padding-left:25px;font-size:11px; font-weight:bold;}
.todosummary span#completecount {color:#20ae2b; padding-left:2px; font-size:12px; font-weight:bold;}
.todosummary span#outstandingcount {font-size:12px; padding-left:2px;}
.todopopup span#managemytodolist {float:right; margin:10px 10px 0 0;}
.todolisting { padding-bottom:10px;}

.outstandingcount {color:#9C9C9C;font-size:11px; position:relative; top:-7px; right:8px;}
.todopopup img#imgtodobottom {position:absolute; bottom:-17px; right:150px;}
.noToolCreated {color:#A28EB1;}

.competitionpopup {position:relative; right:102px; bottom:305px; width: 290px;padding-bottom:15px; height:250px; text-align:left;  background-color:#F1F1F1; float: left; display:none; -moz-box-shadow: 0px 1px 10px #999, inset 3px 3px 0px #f7f7f7; -khtml-box-shadow: 0px 1px 10px #999;  -webkit-box-shadow: 0px 1px 10px #999; border:1px solid #bdbdbd;}

.imgcompetitionclose {position:absolute; top:-15px; right:-10px;}
.competitionplannerlink {padding:10px; border-bottom:1px dotted #D3D3D3; background:url('/images/icons/toolbar/competition.png') no-repeat 10px 4px;}
.competitionplannerlink a{margin-left:30px; font-size:1.1em; text-decoration:none;}
.competition-mainarea {padding:5px 0 0 0;}
.competitionstatus {margin:10px; padding:5px 0 5px 0; background-color:#FFFFFF; border:1px solid #E5E0E6; color:#4C4C4C; padding-left:10px;}
.competitionstatus span#competitionresult{}
.competitionsummary {margin:0 0 12px 10px; line-height: 12px; padding:5px 0 0 0;}
.competitionsummary span { padding-left:5px;}
.competitionsummary span#competitionsummaryresult { font-weight:bold; color:#4C4C4C;}
.addcompetitionsummary {padding:0 10px 0 10px;}
.addcompetitionsummary p { padding:0 0 0 5px; width:260px;}
.competitionpopup span#managecompetitionlist {float:right;  margin:10px 10px 0 0;}
.newcompetitioncount {color:#9C9C9C;font-size:11px; position:relative; top:-7px; right:8px;}
.competitionpopup img#imgcompetitionbottom {position:absolute; bottom:-17px; right:152px;}
.newcompetitionlist {padding:9px 10px 8px 20px; border-top:thin dotted #E0DAE4;background:url('/images/icons/toolbar/arrow.gif') no-repeat 7px 11px #F9F8F7;  font-size: 0.95em;}

.competitionsummary div#divNewCompetitionlist {margin-left:2px; margin-right:10px; margin-top:10px;}
p.enteredlist {line-height:15px; font-size:11px; padding-left:15px; margin:6px 0 5px 0; background:url('/images/icons/toolbar/small_competition.png') no-repeat -1px 1px;}
ul#memberTools {padding: 2px 10px 0 10px; float:left; border: 1px solid #9687a6; margin:3px; height:26px; background: url("/images/icons/toolbar/toolbar-border.png") no-repeat 0 100% #FFFFFF; width:164px; -moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px; }

ul#memberTools li {float:left; padding-top:2px;}
ul#memberTools li.editCountdown {float:right; padding-top:2px;}
ul#memberTools li.watch { padding:6px 3px 0 3px ; font-size:11px; color:#4C4C4C;  } 
ul#memberTools li.watch a { text-decoration:none; color:#380063;}


 /*background:url('/images/icons/count.png') no-repeat 1px -5px;*/

ul#memberToolsLeft { width:150px; padding:2px 0 0 0; float:left; border: 1px solid #9687a6; margin-left:5px; height:26px;  margin-top:3px; text-align:left; -moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px; background: url("/images/icons/toolbar/toolbar-border.png") no-repeat 0 100% #FFFFFF;  }
ul#memberToolsLeft li{float:left; padding:0 auto; width:49px; border-right: 1px dotted #cccccc; text-align:center; }
ul#memberToolsLeft li:last-child {border-right: none; }
.membertools-lastitem {border-right:none;  }
.membertool-icons {border-right:1px dotted #cccccc; width:29px; }


/* ************ End: default.css ************ */