/* 



FROM HTML.CSS



*/

body { 
	font-size: 86%; 
	font-family: Arial, Verdana, sans-serif;
	color: black; 
	border-top: 0;
	padding:0 !important;
	margin:0 !important;
	background:#fff;
}

h1 {
	font-size:1.3em;
	/*color: #009933;*/
	color:#000;/*this is the ligther green - confused as to what should be used*/
	padding:0.2em 0em;
	margin:0;
	float:left;
	clear:left;
}

h2 {
	font-size:1.1em;
	font-weight:normal;
	color: #000;
    /*  margin:2em;*/
}
h2 a, h2 a:visited{
	color: #000;
}

h3{	
	font-weight:normal;
	color: #000;
/*  margin:2em;*/
}

h4 {
	color: #000;	
/*  margin:2em;*/
}
	
p {
/*  padding-left:1em;*/
    padding:0.2em 0em;
    margin:0;
    color:#000;
}

hr {
    width:100%;
    clear:both;
    color:silver;
    margin:1em 0;
    float:left;
}

blockquote {
    font-style:italic;
}

/*http://simonwillison.net/2003/May/21/stylingBlockquotes/*/

/*blockquote {
  background: transparent url(../img/quoleft.png) left top no-repeat;
}
blockquote div {
  padding: 0 48px;
  background: transparent url(../img/quoright.png) right bottom no-repeat;
}*/

img {
    border:none;
}

a img {
    border:none;
}
	
table  { 
	border-collapse: collapse; 
	font-size: 90%;
	margin-bottom: 1em;
	}
	
/*iframe { width: 45em; }*/

a { 
    color:#009933;
	}

a:hover { 
    color:black;
	text-decoration: none;
	}

textarea {
    background:White url(../img/input_background.gif) repeat-x scroll top;  
    border: 1px solid silver; 
    float:left;
    padding:0.3em;
    }
    

select { 
    background:White url(../img/input_background.gif) repeat-x scroll 0 0;
    border:1px solid silver;
    padding:0.3em;
    width:162px;
}    
    
textarea:active, textarea:hover  { 
/*    background-color: #fdfdfd; 
    min-width: 300px; disabled as used across site now*/
    }


/* forms stuff */

#visualContentWrapper form {
/*    float:left; - disabled for journal next button - might cause problems*/
}

#visualContentWrapper form label {
    float:left;
    clear:left;
    font-weight:bold;
    
}

#visualContentWrapper form .hint {
    float:left;
    color:#666;
    padding:1.4em 0.5em 0 0;
    font-size:0.8em;
}

#visualContentWrapper form input {
    float:left;
    clear:both;
}


#visualContentWrapper form select {
    float:left;
    clear:both;
}

#visualContentWrapper form table {
    /*special list widgets */
    float:left;
    clear:both;
}


#visualContentWrapper input { 
    background:White url(../img/input_background.gif) repeat-x scroll 0% 0%; 
    border: 1px solid silver;
    /*font-size:1em; control specifically*/
    padding:5px;
    }
    
#visualContentWrapper input.button {
    padding:0 !important;
    }

#visualContentWrapper input.button, #visualContentWrapper a.button  {
    font-size:1em;
    color:white !important;
    padding:7px 15px 7px !important;
    margin:13px 5px;
    }
    

#visualContentWrapper a.button  {
    padding:8px 15px 8px !important; /*odd 1px missing at bottom*/
    }

#visualContentWrapper fieldset{
    /* do this page specifically (fixes search box error)
    float:left;
    clear:both;*/
    margin:0;
    padding:0;
    border:none; /*by default - as its needed for valid forms - override elsewhere*/
}

#visualContentWrapper legend {
/*    color:#009933;*/
    font-weight:bold;
}




/* 



FROM ODBODY.CSS



*/





/* should really only be stuff in  main.pt template*/

html, body {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif !important;
}

body.True {
    background: url("../img/bg_header_small.png") repeat-x 0px 0px !important;
}

body.False {
    background: url("../img/bg_header_large.png") repeat-x 0px 0px !important;
}

.thisisntmine .h-withimage.main{
    background:#C3E1A5 none repeat scroll 0 0 !important;
/*     font-size:0.9em;*/
}

.thisisntmine .h-withimage.sub.main{
    background:#ccc none repeat scroll 0 0 !important;
    padding:5px 0;
    width:100%;
}

.thisisntmine  #dynamic-blurb .h-withimage.main{
   margin-bottom:1em;
}

/*Lots of thisismines retired - as much more simple rules to deal with them*/

.thisismine {
/*    float:left;
    height:100%;
    width:474px;
    padding:0 13px;*/
}

#page-home .thisismine {
/*    padding:0;
    width:500px;*/
}

.thisisntmine {
/*    background:#CCFFCC url(../img/bg_blurb_green_grad.png) repeat-x scroll left bottom;*/
/*    float:left;
    width:474px;
    padding:0 13px;*/
}

#page-home .thisisntmine {
/*    padding:0;
    width:500px;*/
}

.everyones{
    float:left;
    /*padding:0 10px 10px 10px; /*padding should be provided by inner element to avoid headaches*/
    height:100%;
    width:474px;
    padding:0 13px;
}


#normal-form {
    float:left;
    /*padding:0 10px 10px 10px; /*padding should be provided by inner element to avoid headaches*/
    height:100%;
}


#wrapper {
    margin:0 auto;
    padding:0;
    width: 812px;/*important - dont change this*/
    text-align: left;
}

#toolbar { 
	width: 853px;
/*  float:left; disabled for logged out pages*/
	margin-left:-40px;/*to ajust for dropshadow bg*/
	}
	
#True #toolbar h1{ 
	padding:0 !important;
	margin:0 !important;
	}	

#visualContentWrapper {
    float:left;
    background: url("../img/bg-dropshadow-large-full.png") repeat-y top left;
    padding: 0 71px; /*for dropshadow*/
    width:100%;
    height:2000px;/*should be long enough for all content, gives some scroll space - modern browsers scale up*/
    } 
.True #visualContentWrapper {
    margin:-16px 0 0 -40px;/*to ajust for both (toolbar and middle) dropshadow bg*/
}

.False #visualContentWrapper {
    margin:0 0 0 -40px;/*to ajust for both (toolbar and middle) dropshadow bg*/
    }

.False #visualContentWrapper.nodropd  {
    margin:-13px 0 0 -40px;/*to ajust for both (toolbar and middle) dropshadow bg*/
    }

#center-wrapper {
    /*half of vertical line + top - rest in leftbar*/
    height:100%;
    float:left;
    width:500px;
    padding:6px;
    border-left:1px solid silver;
}

.False #content-wrapper, .nobars #content-wrapper{
    border-left: none !important;
    width:100% !important;
    padding:0;
}

.static #top{
    width:660px !important;
    padding:1em 5em;
}

.static .h-withimage.mainnobg{
    padding:1em 0 0 0;
}


.nobars #content-wrapper p{
    clear:left;
}

#center-wrapper p{
    clear:left;
}


#center-wrapper h2{
    clear:left;
}


.h-withimage {
    float:left;
    clear:both !important;
}

.h-withimage.main{
    width:499px;
    height:52px;
    background:#ccc;
}

#listing .h-withimage.main{
    width:500px;
}

.h-withimage h1{
    padding:16px 0 0 0.5em;
}

.h-withimage h2{ 
    font-weight:bold;
    font-size:1.4em;
    
    }
    
.h-withimage a{
    text-decoration:none !important;
}

.h-withimage.sub{
    font-size:0.85em;
}


.h-withimage img, .h-withimage h1, .h-withimage h2{
    float:left;
    clear:none !important;
    font-size:1.4em;
}

.h-withimage.main img{
    padding-top:4px;
    padding-left:4px;
}

.p-withimage p{
    padding:0.9em 0 0 0.5em; /* for image */
}

.p-withimage, .p-withimage img, .p-withimage p {
    float:left;
    clear:none !important;
}


#breadcrumbs {
    clear:both;
    float:left;
    font-size:0.85em;
    padding:0 0 12px;
}

#content { 
    float:left;
    width:100%;
    min-height:450px;
    }
    
    #content h2{ 
        padding-top:1em;
        font-weight:bold;
        }

a.button{ 
        text-decoration:none !important;
    }

.button    { 
	background:#339933 url(../img/button_bg_grad_green.gif) repeat-x scroll top left !important;
    color:white !important;
    cursor:pointer;
	cursor:hand;
	font-family: Arial, sans-serif !important;
    }


.button.negative    { 
	background:#FF6600 url(../img/button_bg_grad_orange.gif) repeat-x scroll top left !important; /*NOT FF9900 ON PURPOSE*/
	}
	
.button.positive    { 
	background:#339933 url(../img/button_bg_grad_green.gif) repeat-x scroll top left !important;
	}

#search input#query{
    width:115px;
}

/*jQuery Examples styles*/

.example{
    color:#666;
    }
    
.not_example{
    color:#c6c;
    }

.bold {
    font-weight:bold;
}


.True #logo{
	height:47px;
    padding:0 !important;
    margin:0 !important;
	
}

.False #logo{
	height:109px;
    padding:0 !important;
    margin:0 !important;
	
}

.True #header-h1-mainlogo a{
	float:left;
	background:transparent url(../img/odbody-swish-beta.png) no-repeat scroll left -4px; 
	text-indent:-9999px;
	width:222px;
	height:43px;
	padding:0 0 0 0 !important;
	margin:8px 0 0 55px !important;
}

.True .flatsconelogo a{
	float:left;
	background:transparent url(../img/odbody-swish-beta.png) no-repeat scroll left -4px; 
	text-indent:-9999px;
	width:222px;
	height:43px;
	padding:0 0 0 0 !important;
	margin:8px 0 0 55px !important;
}

.False #header-h1-mainlogo a{
	float:left;
	background:transparent url(../img/odbody-swish-large-beta.png) no-repeat scroll left -4px; 
	text-indent:-9999px;
	width:400px;
	height:97px;
	padding:0 0 0 0 !important;
	margin:3px 0 0 55px !important;
}

.False .flatsconelogo a{
	float:left;
	background:transparent url(../img/odbody-swish-large-beta.png) no-repeat scroll left -4px; 
	text-indent:-9999px;
	width:400px;
	height:97px;
	padding:0 0 0 0 !important;
	margin:3px 0 0 55px !important;
}
	

#logo p {
	background: url("../img/text_makeadiff_bg_green.gif") no-repeat top left;
	text-indent:-9999px;
	width:222px;
	height:26px;
	float:right;
	padding:0 !important;
	margin:0 !important;
}


#logo ul#logo-nav {
    clear:right;
    float:right;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:10px 0 0 0;
    margin:0;
}

.False #logo ul#logo-nav {
    clear:none !important;
    float:right !important;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:27px 10px 0 0;
    margin:0;
}

#logo li {
    color:white !important;
    float:left;
    padding:0em 0.5em;
    text-transform:lowercase;
    font-size:0.85em;
}
#logo li a {
    color:white !important;
    text-decoration:none !important;
}

#logo h2 {
	text-indent:-9999px;/*baaaad?*/
	display:none; /* even worse, but above doesnt seem to work */
}	

#logo ul#logout{
	clear:right;
    float:right;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
	padding:0 !important;
	margin:0 !important;
}


/* home.css for profie stuff */

  
.box { 
    margin: 0.5em; 
    font-size: 80%;
    }
    
.box h1 { 
    padding: 0.25em; 
    font-size: 8pt; 
    text-align: left; 
    margin: 0;
    background-color: #339933; 
    border-bottom: 1px solid black;
    }    
          
#footer {
    float:left;
    clear:left;
    font-size:0.85em;
    text-align:center;
    padding:10px 0;
    margin:0;
    width:100%;/*for ie*/
    
}          
          
#footer ul {
    float:left;
    clear:both;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0.5em 0 0.5em 57px;
    padding:0;
}

#footer ul.second {
    margin:0.5em 0 0.5em 89px;
    width:100%;/*for ie*/
}      

#footer li {
    float:left;
    height:1em;
}

#footer li a{
    color:#000;
}

#footer p{
    float:left;
    margin-left:160px;
    width:200px;
}

#kampyle {
    clear:both;
    padding:0.5em 0;
    text-align:center;
}

.value{ /* use this class for fdd2div when it works, border proves it exists */
	/*border:5px solid red !important;*/
}

.thisisme {
    margin:0.6em 0 0 0;
    float:left;
}

.thisisme p {
    font-weight:bold;
    margin:0.6em 0 0 0;
}

/* Other page rules by id - seperate out into own css eventually*/

#rules li {
    color:#666666;
}

#seven-wonders ul{
    padding-top:1.5em;
    list-style-type: disc
}

#seven-wonders li{
    padding:0.5em 0em;
    margin:0em;
    color:#666666;
}

.page-description {
    padding-top:0.5em;
    padding-bottom:0em;
}

/* REQUIRED for instant image tilting to work */
.profilephoto img {
    max-width:none;
    float:left;
}

h2.ui-accordion-header:hover{
    cursor:pointer !important;
    cursor:hand !important;
}

.ui-accordion selected{
    float:left !important;
}

.whitebox {
        background: white;
        border:2px solid silver;
        float:left;
        clear:both;
        padding:2em;
}

/*error messages*/

form .error {
    float:left;
    color:red;
    font-weight:bold;
}

/*error pages*/

.error img.left{
    float:left;
    clear:left;
}

.error img.center{
    padding-left:40%;
    clear:both;
}

.error .features{
    width:170px;
    padding:1.5em;
    float:left;
    clear:none !important;
}


.error p.first {
clear:none !important;
color:#CCCCCC;
float:left;
font-size:1.5em;
font-weight:bold;
padding-left:10px;
width:362px;
}

.error.notlog p {
    float:left;
    width:420px;
    clear:none !important;
}

.error.notlog .features{
    margin:1em 0.5em 1em 1em;
    min-height:280px;
}


    /*required to stop unComboBoxed dropdowns (on sortbar) being longer than they should, and so causing dropshadow rendering probs*/
/*select {
    width:102px;
    padding:1px !important  ;
    font-size:0.8em; 
}*/

#login p {
    clear:both;
}

#login p a{
    color:#009933;
    font-weight:bold;
}

form input.short{
    width:3em;
}    

form input.textonly{
    background:transparent !important;
    border:none;
    cursor:pointer;
    cursor:hand;
}

/*move 2 above to utility?*/

    #toolbar .nodropd div.tlogin {
    float:left;
    display:block;
    padding-top:13px;
}

/*Safari hack - odd lack of padding on top form*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #toolbar .nodropd div.tlogin {
        margin-top:15px;
    }
}

.toolbarjoin {
    float:right;
    clear:both;
    padding:7px 15px 7px !important;
    margin:19px 0 0 0;
    width:57px;
}

/* new logged out login form (variation of homepage)*/

#toolbar .nodropd form{
    padding:0 !important;
    margin:0 !important;
    text-align:left;
    float:right;
}

#toolbar .nodropd form fieldset{
    padding:0px !important;
    margin:0px !important;
    border:none;
    float:left;
}

#toolbar .nodropd form legend{
    padding:0 !important;
    margin:0 !important;
    text-indent:-9999px;
    float:left;
}

#toolbar .nodropd form label{
    padding:3px 5px 0 5px;
    margin:0;
    float:left;
    font-size:0.9em;
    color:white !important;
}

#toolbar .nodropd form input{
    padding:4px;
    width:100px;
    margin:0 4px;
    border:none;
    background:#568b53;
    float:left;
}

#toolbar .nodropd form input#password{
    width:50px;
}

#toolbar .nodropd form .button{
    background:#339900 url(../img/home-top-login-button-bg.gif) repeat-x scroll left top;
    color:white;
    padding:3px;
    margin-left:9px;
    float:left;
    width:50px;
}


.norecords {
    padding:2em 1em !important;
    border-left:none !important;
}

.security {
    min-height:450px;
}

.newspage {
  min-height:450px;  
}

#mostinspiring {
  min-height:450px;  
}

#friends {
  min-height:450px;  
}

/*Tender app tab - copied from their default*/

#odbody_tender_toggler {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../img/tender_overlay_back.png) repeat scroll 0 0;
    height:105px;
    padding:3px 3px 3px 0;
    position:absolute;
    left:0;
    top:150px;
    width:33px;
}

#odbody_tender_toggler_link {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../img/tender_tab_text_alt.gif) repeat scroll 0 0;
    border:medium none;
    display:block;
    height:100%;
    text-decoration:none;
    text-indent:-9999px;
    width:100%;
}

#google_ads_frame1 {
    margin:10px 6px;
}