/************************************************************
* Retrobook
* thx facebook :)
************************************************************/
body{background:#fff;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;margin:0px;padding:0px;text-align:left;}
h1,h2,h3{margin:0px;padding:0px;}
h2{color:#3b5998;}
p{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;text-align:left;}
a{color:#3b5998;text-decoration:none;}
img{border:0px;}
td,
td.label{text-align:left;}
/************************************************************
* Global Classes
************************************************************/
#error{margin:0px 10px 15px;padding:10px;border:solid 1px #dd3c10;background:#ffebe8;}
#error h1{font-size:14px;}
#error p{margin:4px 0px 0px;}
#error a{text-decoration:none;color:#dd3c10;}
#warning{padding:10px;border:1px solid #ebae7f;background:#fff8cc;}
#warning p{margin:0px;}
/************************************************************
* Clearfix
************************************************************/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
/************************************************************
* Forms
************************************************************/
form{margin:0px;padding:0px;}
label{color:gray;font-weight:bold;}
.formtable{margin:0px auto;}
.formtable{margin:0px;}
.formtable td{border:none;margin:0px;padding:3px 1px;}
.formtable td.label{color:gray;font-weight:bold;padding-right:10px;}
.formtable tr.tallrow{vertical-align:top;}
.formbuttons{text-align:center;margin:10px 10px;}
.formbuttons .inputsubmit,.formbuttons .inputbutton{margin:2px 4px;}
.formbuttons .securetoggle{padding:9px 0px 0px 0px;}
/************************************************************
* Form Inputs
************************************************************/
.inputtext,
.inputpassword{border:1px solid #bdc7d8;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;padding:3px;}
textarea{border:1px solid #bdc7d8;padding:3px;font-size:11px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;}
.inputbutton,
.inputsubmit,
.bigbutton{border-style:solid;border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-color:#D9DFEA;border-left-color:#D9DFEA;border-bottom-color:#0e1f5b;border-right-color:#0e1f5b;background-color:#3b5998;color:#FFFFFF;font-size:11px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;padding:2px 6px;}
.inputcheckbox{border:0px;}
.inputsearch{background:white url(../images/magglass.png) no-repeat 3px 4px;padding:3px 0 3px 17px;border:solid 1px #bdc7d8;}
.bigbutton{padding:5px 10px;font-weight:bold;cursor:pointer;}
/************************************************************
* Pagination
************************************************************/
.pagerpro{float:right;list-style:none;margin:0 10px 0 0;padding:0;}
.pagerpro li{display:inline;float:left;}
.pagerpro a{display:block;padding:3px;padding-bottom:2px;}
.pagerpro a:hover{background:#3B5998;border-color:#D8DFEA;border-bottom:1px solid #3B5998;color:white;text-decoration:none;}
.pagerpro .current a,
.pagerpro .current a:hover{background:transparent;border-color:#3B5998;border-bottom:2px solid #3B5998;color:#3B5998;font-weight:bold;padding-left:2px;padding-right:2px;}
.pagerpro a.disabled{color:#999;cursor:default;background:transparent;border:none;}
/************************************************************
* Sidebar notices
************************************************************/
#snotice{text-align:center;color:#666;margin-top:15px;padding:6px 3px;border-top:solid 1px #D8DFEA;border-bottom:solid 1px #D8DFEA;}
#snotice strong{font-size:12px;color:#222;}
#snotice p{margin:4px 0px 0px 0px;}
/************************************************************
* Standard page styles
************************************************************/
#book{padding:8px 0px 0px 0px;margin:0px auto;text-align:left;width:760px;}
#pageheader{background:#3b5998 url(/images/pageheaderbg.gif) no-repeat top left;height:33px;position:relative;width:760px;}
#homelink{height:33px;left:132px;position:absolute;width:118px;}
#gnav{left:250px;line-height:25px;list-style:none;margin:0px;padding:3px 0px;position:absolute;text-align:right;top:1px;width:500px;}
#gnav li{display:inline;}
#gnav a{color:#D8DFEA;margin:auto 0px;padding:2px 4px;}
#gnav a:hover{background-color:#526DA4;color:white;}
#sidebar{float:left;padding:6px 0px 10px 0px;width:120px;}
#sidebar .qsearch input{width:101px;margin-bottom:6px;color:#555;}
#snav{border-bottom:solid 1px white;/* firefox fix */
margin:0px 0px 10px 0px;padding:0px;}
#snav a{border-bottom:solid 1px #D8DFEA;padding:2px 3px;margin:0px;width:114px;display:block;float:left;}
#snav a:hover{text-decoration:none;color:white;background:#3B5998;}
#snav a.hasedit{width:68px;}
#snav a.edit{width:40px;color:gray;text-align:center;}
#snav a.edit:hover{color:white;}
#ssystemstatus{width:120px;margin:0px 0px 10px;padding:10px;border:solid 1px #dd3c10;background:#ffebe8;}
#squicklogin{width:120px;margin:0px 0px 10px;padding:0px;text-align:center;}
#squicklogin label{display:block;padding:0px 0px 2px;margin:0px;color:gray;font-weight:bold;}
#squicklogin table{border-width:0px;border-style:none;border-collapse:collapse;border-spacing:0px;margin:3px 0px 0px 0px;}
#squicklogin td{text-align:center;border:none;padding:0px 0px 3px 0px;}
#squicklogin .inputtext{width:115px;}
#squicklogin .buttons{text-align:center;margin-top:4px;}
#pagebody{font-size:11px;margin-left:12px;float:left;text-align:left;width:628px;}
.pipe{margin:0 2px;color:#777;}
/* HACKED because IE SUCKS ASS */
* html #pagebody{f\loat:right;margin:0px;c\lear:both;text-align:left;o\verflow:hidden;}
.pagebody a:hover{text-decoration:underline;}
#content{padding:12px 0px;border-bottom:solid 1px #3B5998;border-left:solid 1px #D8DFEA;border-right:solid 1px #D8DFEA;}
#content:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-Mac \*/
* html #content{height:1%;}
/* End hide from IE-Mac */
.note_dialog{background:#fff;padding:10px;margin:0 10px 10px 10px;border:1px solid #bdc7d8;color:#444;}
#header {font-weight:bold;line-height:23px;font-size:14px;padding:0px 10px 0px;margin:0px;background:#6d84b4;color:white;border-bottom:solid 1px #3B5998;}
#header.withsubtitle{text-align:right;}
#header.withsubtitle h1{float:left;text-align:left;}
#subheader{text-align:left;color:#3B5998;font-weight:bold;line-height:21px;font-size:11px;margin:0px;padding:10px 10px 0px;background:white;border:solid 1px #D8DFEA;border-top:none;}
#subheader.withsubtitle,#footer.withsubtitle{text-align:right;}
#subheader.withsubtitle h2,#footer.withsubtitle h2{float:left;text-align:left;}
#subheader div{font-weight:normal;}
#subheader a{font-weight:normal;}
#footer{text-align:center;color:#3B5998;font-weight:bold;line-height:21px;font-size:11px;margin:0px;padding:0px 10px;background:#D8DFEA;border-bottom:solid 1px #3B5998;}
h1{font-size:14px;}
h1 a{color:white;text-decoration:none;}
h1 a:hover{color:white;text-decoration:underline;}
h1 em{font-style:normal;border-bottom:solid 1px #D8DFEA;}
h1 .subtitle{}
/* Reserved */
h2{font-size:11px;}
h2 .subtitle{}
/* Reserved */
h3{color:#444;font-size:11px;font-weight:normal;}
h4{color:#3B5998;font-size:11px;margin:0px 0px 6px 8px;}
h5{color:#3B5998;font-size:11px;margin:0px 0px 6px 8px;}
#pagefooter{clear:both;font-size:10px;line-height:15px;padding:10px 0px;border-top:solid 1px #D8DFEA;}
#pagefooter li a{padding:3px 5px;}
#pagefooter li a:hover{color:white;background:#3B5998;text-decoration:none;}
#pagefooter p{text-align:center;margin:0;padding:0;}
/************************************************************
* Miscellaneous
************************************************************/
.center{margin-left:auto;margin-right:auto;}
select{border:1px solid #bdc7d8;padding:2px;font-size:11px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif}
#homelink{float:left;height:33px;line-height:33px;width:250px;position:absolute;}
#homelink a{display:block;height:33px;text-indent:-9999px;}
#homelink a:hover{text-decoration:none;}
#nav{list-style:none;margin:0px;padding:1.0em 0px;}
#nav li{border-bottom:1px solid #d8dfea;font-size:1.0em;}
#nav li#myprofile{border-bottom:0;}
#nav li#myfriends{clear:left;}
#nav li a{background:#eee;background:white;border-bottom:1px solid green;border:0;display:block;padding:2px 3px;}
#nav li#myprofile a{border-bottom:1px solid #d8dfea;padding:0;width:auto;}
#nav li#myprofile a.hasedit{float:left;padding:2px 0px 2px 3px;width:69px;}
#nav li#myprofile a.edit{color:gray;float:right;padding:2px 0;text-align:center;width:48px;}
#nav li a:hover,
#nav li#myprofile a:hover{background:#3b5998;color:white;}
#fnav{font-size:11px;list-style:none;margin:0;padding:0;text-align:center;}
#fnav li{display:inline;}
#fnav li a{padding:2px 5px;}
#fnav li a:hover{color:white;background:#3b5998;}
/************************************************************
* Info homepage
************************************************************/
.infocontent{margin:0px 20px;}
ul.bulletpoints{padding-left:20px;color:#3B5998;}
ul.bulletpoints li{padding:1px 0px;}
ul.bulletpoints li span{color:black;}