/* GENERAL */

/*TTBG colours:
#8cc63e; Light Green
#2f6939; Dark Green
#d5eab9; Background Green
#f2a603; Orange
#f6e775; Yellow
#ffffec; Background Orange 
*/

html, body {
    height: 100%;
    text-align:center; /*fix for centering floats in IE*/
}
body {
    background-color: #FFF;
    margin: 0;
    color: #333;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 10pt;
}


a, a:visited {
    color: #13C;
}
img {
    border: 0;
}
dt {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    font-size: inherit;
}
td {
    margin: 0;
    border: 0;
    padding: 0;
}
h1 {
    margin: 0;
}

h2 { 
    margin: 0;
    margin-top: 10px;
    margin-left: 5px;
}

h3 {
    font-weight:normal;
    font-size:1.2em;
    line-height:1.5em;
    color:#8cc63e;
}

.grey {
    font-weight:normal;
    font-size:1.2em;
    line-height:1.5em;
    color:#aaaaaa;
}

.container {
    margin:0 auto;
    position:relative;
    text-align:left;
    width:921px;
    
}


/*cross platform stuff*/

/* bug in IE in regards to showing long buttons http://jehiah.cz/archive/button-width-in-ie-revised*/





#primary {
     clear: both;
    margin: 0 auto;
    padding: 10px;
    min-height:400px;
}

#mainText {
    margin-top:20px;
    margin-left:40px;
    min-height:300px;
    float:left;
}
#rightbar {
   /* position:absolute;
    left:665px;
    top:210px;
    width:256px;*/
    margin-left:652px;
    padding-top:17px;
    width:248px !important;
}
div#mymessages {
    background: #ffffec;
    border: 2px solid #f2a603;
    
}
div#quickadd {
    background: #ffffec;
    border: 2px solid #f2a603;
    height:285px;
    
}
div#latestreadings {
    background: #ffffec;
    border: 2px solid #f2a603;
    
}
.small-margin {
    margin:5px;
}

/*account pages*/
div .withbaseline {
    margin-top:20px;
    background: #ffffff;
    border-bottom: 1px solid #dddddd;
    width:600px;
}
div .withgreenbaseline {
    margin-top:20px;
    background: #ffffff;
    border-bottom: 2px solid #8cc63e;
    width:600px;
}

div .withpalebackground {
     background: #ffffec;
      width:600px;
}

div .standard{
    font-size: 110%;
}
div .orange {
    color:#f2a603;
}

p#orange a {
    color:#f2a603;
}
div .orangelarge {
    font-size:110%;
    color:#f2a603;
}
div .orangesmall {
    font-size:90%;
    color:#f2a603;
}

div .capsorange {
    font-style:oblique;
    font-weight:normal;
    font-size:1.1em;
    color:#f2a603;
    text-transform:uppercase;
}
.lightgreen {
    color:#8cc63e;
}
.darkgreen {
    color:#2f6939;
    font-size:1.2em;
}
.oblique {
    font-style:oblique;
    font-weight:normal;
    font-size:1.2em;
    color:#aaaaaa;
}
div.mini {
    display:inline;
    float:left;
    width:280px;
    margin-right:20px;
}

div.mini300 {
    display:inline;
    float:left;
    width:290px;
    margin-right:0px;
    padding-right:10px;
    border-right: 2px solid #dddddd;
    height:280px;
}
#join_button {
    float:right;
    margin-right:20px;
}
#join_button_yahoo {
   float:right;
    margin-right:20px;
}
#join_button_main {
    margin-left:210px;
}


input.primarybutton {
    background:#DC7800 none repeat scroll 0 0;
    border-color:#FFC17C #A77B28 #A77B28 #FFC17C;
    border-style: solid;
    border-width: 1px;
    color: #ffffff;
    padding:3px 10px;
    overflow:visible;


}
/* CLEARS */

.clearboth {
    clear: both;
}

/* reference:
 *   http://www.positioniseverything.net/easyclearing.html
 *   http://www.zeldman.com/2006/10/27/ie7fixes1/
 *      comment by michael on 10/28/2006
 */
.clearfix {
    min-height: 1%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* hides from ie5-mac \*/
* html .clearfix { height: 1%; }
/* end hide from ie5-mac */


/* HEADER */

#tabhead {
    background: #035 url(../images/just_top_menu.png) left top repeat-x;
    border-bottom: 1px solid #2f6939; /* tab border */
    position: relative;
    height: 140px;
}
#tabhead .strapline {
    height: 80px;
    padding-left: 100px;
    padding-top: 3px;
    padding-bottom:30px;
    margin:0 auto;
    position:relative;
    text-align:left;
    width:921px;
}
#tabhead .strapline a {
    color:white;
    text-decoration:none;
    font-family:lighter;
    font-size: 2.5em;
    font-family:"Times New Roman", Serif;
}
#tabhead .logo img {
    width: 90px;
    height: 79px;
}
#tabhead .login {
    position: absolute;
    top: 6px;
    right: 15px;
    color: #def; /* login bar text colour */
    font-size:1.21em;
}
#tabhead .login a, #tabhead .login a:visited {
    color: #fff; /* login bar link colour */
}
#tabhead .login a:hover {
    color: #FFF; /* login bar link hover colour */
}

#locale_switcher {
    display: inline;
}

#subnav {
    margin: 0;
    padding: 0;
    background: #2f6939; /* tab colour */
    border-bottom: 1px solid #9BC;
    height:20px;
}
#subnav ul {
    float: right;
    margin: 0 20px;
    padding: 0;
}
#subnav ul li {
    display: inline;
    list-style-type: none;
}
#subnav ul a:link, #subnav ul a:visited {
    float: left;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    padding: 0px 20px;
}
#right_tabs span{
     font-weight: bold;
    color:#f6e775;
     font-size:1.1em;
}
#right_tabs a{
     font-weight: bold;
    color:#f6e775;
    font-size:1em;
}

#subnav ul a:hover {
    color: #f2a603;
    /*background: #9BC;*/
}

/* Footer */
#footer {
    background-color:#8cc63e;
    border-top:1px solid #2f6939;
    clear:both;
    position:relative;
}

#footer a {
    color:#2f6939;
}


#copyright {
    font-size:0.8em;
    position:absolute;
    right:0;
    top:5px;
}
#footermenu ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:6px 0 5px;
}
#footermenu li{
    border-left:1px solid #546D1C;
    display:inline;
    padding:0 6px;
}
#footermenu li.first {
    border:0 none;
    padding-left:0;
}
#footermenu{
    font-size:0.8em;
}

    
/* TABLES*/
table.readings_table {
    border:1px solid #d5eab9;
    margin:3px;
    }
table.readings_table td, th {
    border:1px solid #d5eab9;
    padding: 1px 5px 1px 5px;
    font-size:0.9em;
    }
table.readings_table td.reading {
   text-align:right;
    } 
table.readings_table tr.odd td {
    background:#d5eab9;
    }
table.readings_table tr.even th,
table.readings_table tr.even td {
    background:white;
    }


/* FORMS */

form th {
    text-align : left;
}

form.signup {
    width:500px;  
}

form.addreading {
    width:600px;
    }
    


form.signup input[type="submit"], form.login input[type="submit"], form.addreading input[type="submit"], form.addreadingmini input[type="submit"]{
    margin: 20px 0;
    font-size: 14pt;
}
input[type="text"], input[type="password"], textarea {
    padding: 3px;
    margin: 3px;
    border: solid 1px #C6C6C6;
    color: #666;
    font-size: 12pt;
    background: #F3F3F3 url('../images/form-shadow.png') left top repeat-x;
}

/*fix for ie7 */
input[type="submit"] {
    overflow:visible;
    padding-left:5px;
    padding-right:5px;
    }
form.addreadingmini {
    height: 180px;
}

form.addreadingmini .inlineLabels .ctrlHolder {
    width:93%;
}
form.addreadingmini .inlineLabels .formHint {
    margin-left: 0%;
    width:100%;
    font-size:0.7em;
   display:none;
}
form.addreadingmini .inlineLabels label {
    width:95%;
}

form.addreadingmini input[type="text"], input[type="password"], textarea {
    font-size: 12pt;
        margin: 1px;
}
form.addreadingmini div.form_blick input[type="submit"] {
     font-size: 14pt;
     margin-top: 5px;
        margin-left: 66px;
        margin-bottom:5px;
        
}

ul.errorlist {
    margin: 0;
    padding: 0;
    list-style: none;
    color: red;
}

/*changes to uni-form*/
select#id_reading_date_day { margin-left:-160px;width: 50px; /* <- Required property */ }
select#id_reading_date_month { margin-left:50px;width: 110px; /* <- Required property */ }
select#id_reading_date_year { width: 70px; /* <- Required property */ }

form.profileform {
    width:741px;
    }
    
form.profileform .checkboxinput {
    float:right;
    margin-right:367px;
    }

form.editpricing {
    width:741px;
    }
form.editpricing .checkboxinput {
    float:right;
    margin-right:367px;
    }
    
form.login {
    width:500px;
    }
    
form.login .checkboxinput {
    float:right;
    margin-right:239px;
    }
form.login .textinput, form.login .passwordinput {
    width:220px;
    }
form.signup {
    width:500px;
    }
form.signup .textinput, form.signup .passwordinput {
    width:220px;
    }  
form.contactus {
    width:500px;
    }
form.contactus #id_body {
    width:95%;
    }
form.contactus .textarea {
    margin-left:2px;
    }

/* MESSAGES */

ul#messages {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}
ul#messages li {
    padding: 5px 10px;
    background: #EFD;
    margin: 3px;
    border: 1px solid #BC9;
}
ul#messages li a {
    float: right;
    color: #693;
}

/* ANNOUNCEMENTS */

ul#announcements {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}
ul#announcements li {
    padding: 5px 10px;
    background: #ffffec;
    margin: 3px;
    border: 1px solid #f6e775;
}
ul#announcements li a#right {
    float: right;
    color: #693;
}
ul#announcements li span#left {
    float: left;
    
}
ul#announcements li a {
    color: #693;
}

/*homepage*/
ul.list-why {
    list-style:none;
    margin-top: 0px;
}
ul.list-why li {
    clear:both;
    padding: 0.1em 0 0 0;
    font-size: 110%
}
ul.list-why span {
    display:block;
    float:left;
    padding: 1.3em 0 0 0.5em;
    color: #f2a603;
}
ul.list-why img {
    display:block;
    float:left;
}

/* WHAT NEXT */

dl.what_next {
    margin: 2em;
}
dl.what_next dt {
    font-size: 120%;
}
dl.what_next dd {
    margin: 0 0 1em 0;
    font-style: italic;
}
p.what_next {
    font-size: 120%;
}

/*ADD READING*/


/* FORM TOGGLE */

.form-toggle p {
    margin-bottom: 2px;
}

.form-toggle p span {
    background: #DEF;
    padding: 3px 6px;
    border-top: 1px solid #9BC;
    border-left: 1px solid #9BC;
    border-right: 1px solid #9BC;
    cursor: pointer;
}

.form-toggle form {
    padding: 3px 6px;
    margin: 0;
    background: #DEF;
    border: 1px solid #9BC;
}

/* help */

#help div.meter {
    display:inline;
    float:left;
    width:250px;
    margin-right:20px;
}

#help div.other {
    clear:both;
}

#help p.endText {
    font-size: 90%;
    color: #2f6939;
    margin-left: 5px;
}   

#help p {
    font-size: 110%;
}
#help a {
    font-size:110%;
    color:#f2a603;
}





/* EXTRAS TO CLEAN UP */

.warning {
    color: red;
    font-weight: bold;
}

div.profile_info p {
    margin: 0;
}
div.left_panel {
    width: 550px;
}
div.right_panel {
    margin-top: 20px;
    width: 200px;
    float: right;
    z-index: 999;
}