/*
 SilverStripe customiced Theme for 3fact.com
 http://www.3fact.com
 CMS:http://silverstripe.com
 */
 
/******************************
  * General styles 
  */
  
body, html {
margin: 0;
padding: 0;
background-color:#fff;
}

body {
color: #333;
font-size: 0.7em; 
font-family: Verdana, Lucida, sans-serif; 
}

table {
border-collapse: collapse;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

.clear{
clear:both;
}

img {
border: none
}

.Abs{ /*images with pos.:apsolute; */
position:absolute;
}

.ImgFloat{
float:right;
margin:0 0 15px 15px;
}

.DateField {
width:80px;
height:20px;
display:block;
background-image:url(../images/datefield.gif);
background-repeat:no-repeat;
padding:3px 0 0 9px;
}

/************************
 	Page
*/

#BgContainer { 
margin: 0 auto; 
}

#Container { 
width: 1008px;
padding:15px 0 15px 0;
margin:0 auto 0 auto;
}

#Content {
width: 780px;
float: left; 	
margin: 0;
padding: 0 10px 10px 10px;
text-align: left;
}

.RightContent {
width:200px;
float:right;
}

.LeftContent {
width:550px;
float:left;
}

 #Form_Form, #Form_Form_error {
width:450px;
height:700px;
float:left;
padding-left:100px;
 }
 
 #EmailSuccess{
 width:500px;
 text-align:center;
 margin:0 0 500px 30px;
 padding:50px 0 50px 0; 
 }
 
#PageComments_holder{
width:550px;
float:left;   
}

.MiddleContent {
width:550px;
margin:0 auto;
}

.PlaceHolder {
height:400px;
clear:both;
}

/************************
        Header
*/

#Headerwrap {
height:80px;
background: url(../images/header.gif) repeat-x ;
background-color:#333; 
}

#Header {
overflow:hidden;
width: 1008px; 
margin: 0 auto;
}

#logo {
position:absolute;
}
	
/************************
        Main Nav
*/

#Navwrap {
padding-top:10px;
background-color:#333;
border-bottom:7px solid #eee;
}

#Navigation {
width:1008px;
margin:0 auto;
padding-top: 5px;
overflow: hidden;
}

#Navigation ul {
margin:0 0 0 200px;
padding:0px;
list-style:none;
}

#Navigation li{
float:left;
width:auto;
margin-right:-1px;
border-bottom:1px solid #555;
}

#Navigation a {
float:left;
width:auto;
background: url(../images/tableft.gif) no-repeat left top;
padding: 0 0 0 12px;
text-decoration:none;
color:#6c941a;
font-size:1.2em;
font-weight:500;
}

#Navigation a:hover{
background-position: 0% -46px;
color:#6c941a;
}

#Navigation li.section a{
background-position: 0% -92px;
text-decoration:underline;
color:#333;
}

#Navigation li.section a span{
background-position: 100% -92px;
color:#333;
}

#Navigation li.current a{
background-position: 0% -92px;
text-decoration:underline;
color:#333;
}

#Navigation li.current a span{
background-position: 100% -92px;
color:#333;
}

#Navigation li.current, #Navigation li.section{
border-bottom:1px solid #eee;
}

#Navigation a span{
float:left;
width:auto;
background: url(../images/tabright.gif) no-repeat right top;
padding:3px 12px 2px 0px;
color:#fff;
}

#Navigation a:hover span{
background-position: 100% -46px;
cursor: pointer;
}

#Navigation li.section a:hover span,#Navigation li.current a:hover span{
background-position: 100% -92px;
}

#Navigation li.current a:hover,#Navigation li.section a:hover{
background-position: 0% -92px;
}

#Clearline{
background-color:#555;
border-bottom:1px solid #ddd;
padding:0;
margin:0;
}
    
/************************
        Breadcrumbs
*/

#Breadcrumbs { 
color: #cccccc;
text-align: left;
font-size: 0.9em; 
margin: 0px 5px 10px 0;
}

#Breadcrumbs p {
margin: 0;
}

/************************
        Message Boxs
*/

.message {
margin: 15px;
padding: 5px;
width: 92%;
color: #979908;
border: 4px solid #F7F8B4;
background: #FFFFEA;
}

span.middleColumn .message {
margin: 4px 0 0 3px;
}

.required {
margin: 4px 0 0 3px;
padding: 5px;
width: 92%;
color: #DC1313;
border: 4px solid #FF7373;
background: #FED0D0;
}


p#Remember label {
margin: -24px 0 0 20px;
text-align: left;
}

.entry {
border-bottom: 1px solid #eee;
}

/************************
        Sidebar 
*/

#Sidebar { 
width: 200px; 
float: left;  
margin: 5px 0 0 0;
padding: 0;
font-size:1.1em;
}

#Sidebar .sidebarBox {
margin: 0;
background-color:#eeeeee; 
}

#Sidebar #Menu2{
margin:0;
padding:0;
border-bottom:#ffffff solid 1px;
border-left:#dddddd solid 1px;
border-right:#dddddd solid 1px;
}

#Sidebar ul{
margin:0;
padding:0;        
}

#Sidebar li {
list-style: none;
}

#Sidebar #Menu2 li a:link, #Sidebar #Menu2 li a:visited{
display:block;
font-size:1.1em;
width:183px;
padding:5px 5px 5px 10px;
text-decoration:none;
border-top:#ffffff solid 1px;
border-bottom:#dddddd solid 1px;
}

#Sidebar #Menu2 li .current:link, #Sidebar #Menu2 li .current:visited{
background-color:#ffffff;
}

#Sidebar #Menu2 li a:hover{
background-color:#ffffff;
}

/* Second Menu */
#Sidebar #Menu2 #childMenu li a:link, #Sidebar #Menu2 #childMenu li a:visited{
display:block;
font-size:1.0em;
width:163px;
padding:5px 5px 5px 30px;
text-decoration:none;
border-top:#ffffff solid 1px;
border-bottom:#dddddd solid 1px;
color:#c77214;
}

#Sidebar #Menu2 #childMenu li .current:link, #Sidebar #Menu2 #childMenu li .current:visited{
background-color:#ffffff;
}

#Sidebar #Menu2 #childMenu li a:hover{
background-color:#ffffff;
}
/**************/

#Sidebar h3 { 
clear: both; 
color: #fff;
font-weight: 500; 
font-size: 1.2em; 
margin:0;
padding: 3px 0 4px 10px;
background: #EFEFEF url(../images/sidebarHeader.gif) no-repeat left top; 
}

#Sidebar #sidebarMiddle{
padding-top:80px;
border-left:#dddddd solid 1px;
border-right:#dddddd solid 1px;
}

#Sidebar #sidebarLinks{
padding-left:25px;
}
	
#Sidebar .sidebarBottom {
height: 12px;
width: 200px;
background: #EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom;
}

/************************
        Comments
*/

#CommentHolder ul {
list-style: none;
margin: 20px 0;
}

#PageComments li {
margin: 5px 0;
padding: 1px;
width: 88%;
}

#PageComments li.odd {
background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
padding-left: 40px;
padding-right: 10px;
border-bottom: 2px solid #BCE4FE;
}

#PageComments li.even {
background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
padding-right: 40px;
padding-left: 10px;
}

#PageComments li.odd p.info {
color: #3AA0C3;
}

.actionLinks li a {
padding-right: 3px;
font-size: 10px;
}
.actionLinks li {
display: inline;
border-right: 1px solid;
}

.actionLinks li.last {
border-right: none;
}

.commentrss {
background: transparent url(../images/feed-icon-14x14.png) no-repeat;
padding-left: 20px;
font-size: 1.1em;
line-height: 1.6em;
}

#PageCommentsPagination p {
text-align: center;
font-size: 1.2em;
}

#PageComments p {
font-size: 1em;
}

#PageComments p.info {
color: #999;
margin: 0px;
padding: 0;
line-height: 1em;
font-size: 0.9em;
}

/************************
        Search Results 
*/

#Content.searchResults{
padding-bottom:650px;
}

.typography #Content #SearchResults {
list-style: none;
margin: 5px 0;
font-size: 1em;
}

/************************
        Unsubscribe Newsletter
*/

#Unsubscribe_MailingListForm_MailingListForm{
min-height:100px;
}

#Unsubscribe_MailingListForm_MailingListForm p{
margin:0 !important;
padding:10px;
}

#Unsubscribe_MailingListForm_MailingListForm p label{
display: inline;
}

#Unsubscribe_MailingListForm_MailingListForm label{
margin:0;
}


/************************
        Footer 
*/


.footerTop{
background-color:#eee;
border-top:1px solid #ddd;
}

#Footer { 
clear: both;  
height: 5em; 
text-align: center;
background-color:#333333;
}

#Footer .footerTop {
width: 100%;
display: block;
height: 1em;
}

#Footer p { 
color: #fff;
font-size: 1.1em;
text-align: center;
margin:0;
padding:5px 0 0 0;
}

#Footer a { 
color: #fff; 
	text-decoration: none;
}

#Footer a:hover {
color: #fff;
text-decoration: underline;
}

#footerLinks{
color:#fff;
}