/*
Colors
#A7B1C0 - BG
#5B6A80 - Alink
#68788F - Vlink 
#5B6A80 - Border
#748398 - Header Alink
#6C7B92 - Header Vlink
#8693A6 - Bar BG
#CDD4DD - Messagebar Color
#E5EBF1 - Messagebar Alink
#4E5B6F - Breakdown Color
#B1BBC8 - Nav BG
#C5CDD8 - Nav:h BG
#E1E7ED - Sidebar Color
#7E8B9F - Sidebar:h BG
#ABB4C3 - Footer BG
#D3D9E3 - Form
#F0F4F9 -  Hover
#FFFFFF -  Focus
#A0ABBB - Alternate
#9BA7B7 - Sidebar Link Border
#B9C3CF - Form Button
#DBE0E8 - Form Button Hover
#939FB0 - NewsHeader
#AAB3C1 - PollLight
#828FA3 - scrollshadow
#E9EDF4 - scrolllight
#DCE1E9 - ThumbHeader Color
*/

/* General */

html, body { background-color: #A7B1C0; margin: 3px; padding: 3px; }
html, body, td { color: #000; font: 8pt verdana, arial, helvetica, sans-serif; }

/* Elements */
a:link { color: #5B6A80; text-decoration: none; }
a:visited { color: #68788F; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0px; }
acronym { border-bottom: 1px dashed #CCC; cursor: help; }
h1, h2, h3, h4, h5, h6 { margin: 0px; font-weight: normal; }
h2 { font-size: 19pt; }
h3 { font-size: 14pt; }
h4 { font-size: 12pt; }
h5 { font-size: 10pt; letter-spacing: 1px; }
ul { position: relative; left: -20px; margin-top: 0px; margin-bottom: 0px; }
ol { position: relative; left: -15px; margin-top: 0px; margin-bottom: 0px; }
ul li { margin-bottom: 2px; }
ol li { margin-bottom: 2px; }
dl, dt, dd { margin-top: 0px; margin-bottom: 0px; }
dl dt { font-weight: bold; }
dl dd { position: relative; left: -25px; margin-bottom: 15px; }
small { font-size: 8pt; }
form { margin: 0px; }
fieldset { padding: 20px; }
select option { vertical-align: middle; }
hr { display: none; }

/* Header */
#header { background-image: url(logo-royal.gif); background-repeat: no-repeat; height: 190px; background-position: 20px 10px; margin: 0px 0px 20px 0px; letter-spacing: 1px; }
#header h1 { position: absolute; top: 60px; z-index: 10; font: 82px trebuchet ms, tahoma, verdana, arial, sans-serif; letter-spacing: 8px; }
#header h1 a:link, #header h1 a:visited { color: #748398; }
#header h1 a:hover { color: #6C7B92; }

#header div.adbanner { position: relative; z-index: 60; text-align: center; margin: 0px; }
#header div.adbanner img { border: 1px solid #000; width: 468px; height: 60px; }
/* For no ads, remove #delme */
#delme #header div.adbanner { visibility: hidden; }

#messagebar { background-color: #8693A6; border: 1px solid #5B6A80; color: #CDD4DD; position: relative; z-index: 20; top: 66px; padding: 3px 8px; border-bottom: 0px #000 solid; -moz-border-radius: 4px 4px 0px 0px; }
#messagebar a:link, #messagebar a:visited { color: #E5EBF1; }
#messagebar #messagebreakdown { color: #4E5B6F; }
#messagebar #messagebreakdown acronym { border: 0px #000 solid; }

div.navigationbar { background-color: #B1BBC8; border: 1px solid #5B6A80; vertical-align: middle; padding: 11px 5px; -moz-border-radius: 0px 0px 4px 4px; }
div.navigationbar ul { padding: 10px; margin-left: 10px; display: inline; }
div.navigationbar ul li { font-family: tahoma; list-style: none; display: inline; }
div.navigationbar ul li a:link, div.navigationbar ul li a:visited { background-color: #B1BBC8; border: 1px solid #B1BBC8; padding: 6px 8px; -moz-border-radius: 4px; }
div.navigationbar ul li a:hover { background-color: #C5CDD8; border: 1px solid #5B6A80; text-decoration: none; }
div.navigationbar ul li img { width: 18px; height: 18px; vertical-align: middle; }
#header div.navigationbar { position: relative; z-index: 20; top: 66px; }

h2.guide { display: none; }

#sidebar { float: left; width: 18%; margin: 0px; }
#sidebar h3 { font: 10pt trebuchet ms, tahoma; letter-spacing: 3px; }
#sidebar h3 a:link, #sidebar h3 a:visited { background-color: #8693A6; color: #E1E7ED; border: 5px solid #B1BBC8; display: block; padding: 2px 10px; -moz-border-radius: 8px; }
#sidebar h3 a:hover { text-decoration: none; background-color: #7E8B9F; }
#sidebar h4 { font-size: 8pt; font-weight: bold; }
#sidebar div.sidebarlist { background-color: #B1BBC8; border: 1px solid #5B6A80; margin-bottom: 20px; }
#sidebar div.sidebarlist div { font-family: tahoma; padding: 10px; letter-spacing: 1px; margin: 0px 0px 0px 0px; }
#sidebar div.sidebarlist div .compact { letter-spacing: 0px; }
#sidebar div.sidebarlist div ul { position: relative; left: 0px; margin: 0px 0px 10px 0px; padding-left: 0px; list-style: none; }
#sidebar div.sidebarlist div a:link, #sidebar a:visited { border-left: 6px solid #9BA7B7; padding-left: 5px; }
#sidebar div.sidebarlist div a:hover { border-left: 6px solid #738278; }

#communitybar { float: right; width: 20%; margin: 0px; line-height: 16px; padding-left: 0px; background-color: #B1BBC8; border: 1px solid #5B6A80; }
#communitybar h3 { font: 10pt trebuchet ms, tahoma; letter-spacing: 3px; }
#communitybar h3 a:link, #communitybar h3 a:visited { display: block; background-color: #8693A6; color: #E1E7ED; border: 5px solid #B1BBC8; padding: 2px 10px; -moz-border-radius: 8px; }
#communitybar h3 a:hover { text-decoration: none; background-color: #7E8B9F; }
#communitybar h4 { font-size: 8pt; font-weight: bold; }
#communitybar div.section { background-color: #B1BBC8; padding: 10px; margin: 0px 0px 0px 0px; }
#communitybar #searchbox { padding: 10px; }
#communitybar #listshoutbox  { line-height: 10pt; }
#communitybar #listshoutbox input { margin-top: 3px; }
#communitybar div.thumbnail { text-align: center; }

table.pollvote { border: 0px; margin: 15px 0px 5px 0px; padding: 0px; width: 100%; border-collapse: collapse }
table.pollvote tr { padding: 0px; background-color: #AAB3C1; }
table.pollvote tr td { border: 1px solid #000; }
table.pollvote td.pollvalue { background-color: #9BA7B7; padding: 0px 3px; font-weight: bold; }

#content { float: left; width: 57%; padding: 0px 10px; margin: 0px 0px 0px 10px; }
#content h2 { font-size: 16px; }
#content h3 { font-family: trebuchet ms, arial; letter-spacing: 2px; }

#content table.thumbnails { width: 100%; border-collapse: collapse; margin-bottom: 30px; }
#content table.thumbnails th { border: 1px solid #5B6A80; padding: 1px; color: #DCE1E9; background-color: #8693A6; }
#content table.thumbnails td { border: 1px solid #5B6A80; padding: 10px; text-align: center; }
#content table.thumbnails tr.alternate td { background-color: #A0ABBB; }
#content table.thumbnails td.footer { padding: 8px; background-color: #ABB4C3; letter-spacing: 1px; }

table.sectionitem { width: 100%; border-collapse: collapse; margin-bottom: 30px; }
table.sectionitem th { padding: 8px; background-color: #939FB0; letter-spacing: 1px; border: 1px solid #5B6A80; text-align: left; font-weight: normal; }
table.sectionitem td { padding: 8px; border: 1px solid #5B6A80; }
table.sectionitem thead th img.avatar { float: right; }
table.sectionitem thead th h4 { font: 17px trebuchet ms, arial; font-weight: bold; }
table.sectionitem thead th.sectioninfo { width: 100%; border-right: 0px #000 solid; }
table.sectionitem thead th.sectionavatar { border-left: 0px #000 solid; }
table.sectionitem td.sectioncontent { background-color: #ABB4C3; font-size: 12px; line-height: 13pt; text-align: justify; }
table.sectionitem td.sectionfooter { background-color: #B1BBC8; letter-spacing: 1px; }

#footer { clear: both; text-align: center; font-size: 8pt; letter-spacing: 1px; padding: 10px; margin-top: 10px; }
#footer address { font-style: normal; }
#footer #disclaimer { margin-top: 5px; }


/* Login and Signup */
#signin { display: none; }
#signin fieldset { padding: 10px; }
#signin div { clear: both; padding-top: 2px; }


/* Images */
img.emoticon { vertical-align: middle; width: 12px; height: 12px; }
img.icon { vertical-align: middle; width: 16px; height: 16px; }
img.linkbutton { height: 31px; width: 88px; }
img.middle { vertical-align: middle; }
img.iconstatus { vertical-align: middle; width: 16px; height: 16px; margin: 3px 8px 3px 0px; }

/* All */
.sectionbox { border: 1px dotted #DDD; background-color: #F5F5F5; padding: 10px; }
.sectionbox h2 { position: relative; top: -5px; margin: 0px 0px 10px 0px; font-size: 14pt; font-weight: normal; }
.sectionbox table td { background-color: #F9F9F9; }
.importantbox { border: 1px dashed #E7C1BC; background-color: #FFF5F5; padding: 10px; }
.importantbox h2 { position: relative; top: -5px; margin: 0px 0px 10px 0px; font-size: 14pt; font-weight: normal; }
.abovefold { position: absolute; top: 100px; left: 300px; }
.nomargin { margin: 0px; }
.hot { color: #C00; }
.nounderline { text-decoration: none; }
.skiplink { display:none }
.clear { clear: both; }


/* Userpages Header */
#userpageheader { background-color: #8693A6; border: 1px solid #5B6A80; border-bottom: 0px solid #000; margin-bottom: 0px; padding: 10px;-moz-border-radius: 4px 4px 0px 0px; }
#userpageheader img { float: left; }
#userpageheader div.username { color: #5A545E; margin-left: 70px; letter-spacing: 2px; }
#userpageheader div.username h2 { color: #DCE1E9; }
#userpageheader div.username a:link, #userpageheader div.username a:visited { color: #DCE1E9; }
#userpageheader div.username div { margin-left: 20px; }
#userpage div.navigationbar { margin-bottom: 20px; letter-spacing: 0px; }

/* Userpage Decks */
#userpage table.deck { border: 1px solid #5B6A80; border-collapse: collapse; width: 100%; margin-bottom: 25px; }
#userpage table.deck th.deckheader { background-color: #8693A6; border: 1px solid #5B6A80; padding: 8px 10px; text-align: left; }
#userpage table.deck th.deckheader h3 { font: 14pt trebuchet ms, arial; color: #DCE1E9; letter-spacing: 2px; }
#userpage table.deck td.deckcontent { background-color: #B1BBC8; width: 50%; padding: 10px; vertical-align: top; }


/* Userpage Cards */
#userpage table.deck h4 { background-color: #8E9C91; padding: 5px 8px; font: 10pt trebuchet ms, arial; letter-spacing: 2px; }
#userpage table.deck div.card { padding: 20px 0px; }
#userpage table.deck div.card div.thumbnail { text-align: center; }
#userpage table.deck div.card div.thumbnail img { margin-bottom: 20px; }
#userpage table.deck div.card div.text { font-size: 10pt; line-height: 13pt; text-align: justify; }
#userpage table.deck div.card div.text h5 { font-size: 14pt; font-family: trebuchet ms, arial; }
#userpage table.deck div.card table.list { width: 100%; }
#userpage table.deck div.card table.list tr td { padding: 8px 5px; font-size: 10pt; }
#userpage table.deck div.card table.list tr td span.date, #userpage table.deck div.card table.list tr td span.cost { float: right; }
#userpage table.deck div.card table.list tr.alternate td { padding: 5px 5px; background-color: #B9C3CF; }
#userpage table.deck div.card div.deviousthoughts table.sectionitem th.sectioninfo { font-size: 10pt; }

/* Tabs */
#tab-pane-1 { width: 100%; }
#tab-pane-1 div.tab-page { background-color: #B1BBC8; border: 1px solid #5B6A80; }
#tab-pane-1 h5 { background-color: #8D9C92; border: 1px solid #5B6A80; border-bottom: 0px solid #000; cursor: pointer; cursor: hand; }
#tab-pane-1 table.info th { width: 40%; }
#tab-pane-1 table.info td { width: 60%; padding-left: 3px; }
#tab-pane-1 table.info tbody.tabulardata th { vertical-align: top; }
#tab-pane-1 table.info tbody.tabulardata td { font-size: 8pt; text-align: left; vertical-align: top; }

/* Devious Thoughts */
#userpage table.deck div.card td table.sectionitem td.sectioncontent { padding: 10px; }
#userpage table.deck div.card td table.sectionitem td.sectionfooter { font-size: 8pt; padding: 5px; }


/*
- CSS for version 5+ browsers
- CSS for links are indented
*/

/* General */
/* - Only 5+ browsers understand scrollbar CSS */
html, body {
	scrollbar-face-color: #B1BBC8;
	scrollbar-shadow-color: #828FA3;
	scrollbar-highlight-color: #E9EDF4;
	scrollbar-3dlight-color: #5B6A80;
	scrollbar-darkshadow-color: #5B6A80;
	scrollbar-track-color: #A7B1C0;
	scrollbar-arrow-color: #000;
}
/* Forms */
input.formbutton, input.formbuttonover, input.formbuttondown { font: 8pt verdana, arial, helvetica, lucida, sans-serif; background-color: #B9C3CF; border: #000 1px solid; color: #000; cursor: pointer; cursor: hand; font-weight: normal; padding-left: 1px; padding-right: 1px; -moz-border-radius: 4px; }
 input.formbutton     { background-color: #B9C3CF; }
 input.formbuttonover { background-color: #DBE0E8; }
 input.formbuttondown { background-color: #DBE0E8; }
input.formboxdisabled { background-color: #EEEEEE; border: #CCCCCC 1px solid; color: #333; }
textarea.formbox, input.formbox, select.formselect { font: 8pt verdana, arial, helvetica, lucida, sans-serif; background-color: #D3D9E3; border: #000 1px solid; color: #000; letter-spacing: 0px; scrollbar-track-color: #D3D9E3; }
input[type="text"]:hover, textarea:hover { background-color: #F0F4F9; }
input[type="text"]:focus, textarea:focus { background-color: #FFFFFF; }