/*-------------------------------------------------
	HTML Styles
-------------------------------------------------*/

body, td { font:small sans-serif;color:#000;margin:0px;padding:0px;vertical-align:top }
body { height:80%;text-align:center;background:#FFF }
form { margin:0px }
img { border:0px;margin:0px }
table { border:0px;padding:0px;border-spacing:0px;empty-cells:show;border-collapse:collapse }
input, textarea { font-size:90%;font-family:helvetica,verdana,arial,sans-serif;padding:2px }
a { color:#36C;text-decoration:none; }
a:hover { color:#F60; }
legend { font-weight:bold; }
fieldset { padding:7px 10px;border:1px solid #CCC; }
p { text-indent: 10px;margin:3px 0px 10px 0px }
ul.compact { margin:5px 15px;padding:0px;list-style-type:square; }
ul.compact li { margin:0px 10px;padding:0px; }
h1 { font:bold 150% sans-serif;margin:0px 0px 3px 0px; }
h2 { font:bold 125% sans-serif;margin:3px 0px 3px 0px; }
h3 { font:bold 100% sans-serif;margin:0px; }
h4 { margin:0 0 9px 0;font:normal 100% sans-serif; }
h5 { margin:2px 0;font:normal 80% sans-serif;color:#AAA; }
h5 a { color:#777;text-decoration:underline; }
h5 a:hover { color:#333; }

/*-------------------------------------------------
	Common styles
-------------------------------------------------*/

/* Main elements */

#container { text-align:left }
#header { }
#module { }
#body { } 
#footer { font-size:x-small;text-align:center;padding:10px; }

/* Nav (menu) */

.nav h3 { font-weight:bold;font-size:1.4em;font-style:normal;color:#000;letter-spacing:-1px; }
.nav .section { padding:4px; }
.nav .section ul { list-style-type:square;padding:0px;margin:0px 0px 8px 10px }
.nav .section li.item { cursor:pointer;padding:2px }
.nav .section li.itemover { cursor:pointer;padding:2px;color:#333;text-decoration:none }

/* Module menu */

.modulemenu h3 { padding:5px 0px 0px 10px; }
.modulemenu .section { padding:5px 10px;border:1px solid #C0D2F6;background:#EEF2FA;margin-bottom:8px; }
.modulemenu .section ul { list-style-type:square;padding:0px;margin:0px 0px 8px 0px }

/* Page options menu */

ul.pageoptions, 
ul.pageoptions li { list-style-type:none;margin:0px;padding:2px; }
ul.pageoptions { margin:0px 0px 12px 12px; }

/* Form styles */

.frm.table { margin-bottom:8px; }
.frm.table h1 { font:bold 150%;letter-spacing:-1px; }
.frm.table .text { margin-bottom:7px;font:normal 100%; }
.frm.table td.left { padding:3px 8px;margin:0px;width:140px;vertical-align:middle; }
.frm.table td.right { padding:3px 8px;margin:0px;vertical-align:middle; }
.frm.list { margin-bottom:8px; }
.frm.list h1 { font:bold large; }
.frm.list .text { margin-bottom:7px;font:normal 100%; }
.frm.list .row-title { padding:3px 0px 1px 13px;font-weight:bold; }
.frm.list .row-text { padding:0px 0px 6px 8px; }
.frm.fieldset .text { padding:2px 0px; }
.frm.fieldset .row-title { padding:2px 0px 0px 3px;font-style:italic;font-size:85%; }
.frm.fieldset .row-text { padding-bottom:3px; }

/* Form general */

.error-input input, 
.error-input textarea, 
.error-input select { border:1px solid #F50; }
.error-input-txt { color:#F50; }
.buttons { margin:2px 0px 4px 10px; }
.button { padding:1px 3px; }
.select { font-size:10px; }
.checkbox { vertical-align:middle; }
.txtOut { border:1px solid #DDD;background:#FFF;padding:2px; }
.txtOver { border:1px solid #AAA;background:#FFF;padding:2px; }
.preview.title { padding:4px 4px 2px 0px;font-size:medium;font-weight:bold; }
.preview.block { border:1px solid #E7E7E7;padding:4px;margin-bottom:12px; }
.disabled { border:1px solid #DDD;color:#999; }

/* Miscellaneous styles */

#hoverbox { position:absolute;visibility:hidden;z-index:499;border:1px solid #000; }
#smileybox { border:1px solid #999;background:#FAFAFA;text-align:center;padding:0px; }
#smileybox .close { text-align:right; }
.submodule { display:inline; }
.smileybox { margin:4px; }
.smileybox img { margin:2px }
.largefont { font-size:larger;font-weight:bold; }
.smallfont { font-size:smaller; }
.center { text-align:center; }
.sideimg { float:left;margin:0 10px 0 0; }
.clear { clear:both;font-size:0px; }
.icon { vertical-align:text-bottom;margin-bottom:2px; }
.correct { color:#090; }
.wrong { color:#C00; }
.tagcloud a { color:#36C;text-decoration:none;font-weight:bold;margin-right:3px; }
.tagcloud a:hover { background-color:#36C;color:#FFF; }
.match { text-decoration:underline; }

/* UBB editbar */

#editbar img { vertical-align:text-bottom }
#editbar .buttonNormal { cursor:pointer;padding:2px;margin:1px 0px 0px 0px }
#editbar .buttonHover { cursor:pointer;padding:1px;margin:1px 0px 0px 0px;
	border:1px solid #316AC5;background-color:#B4C3D3 }
#editbar .buttonActive { cursor:pointer;padding:1px;margin:1px 0px 0px 0px;
	border:1px solid #316AC5;background-color:#CED8E4 }

/* UBB styles */

.q { font-style:italic;font-weight:bold }
.a { padding:4px 0px 4px 8px }
.quote-legend { color:#999;margin:8px 0px 0px 10px;font-style:italic; }
.quote { color:#AAA;margin:4px 15px 10px 10px;padding-left:4px;border-left:3px solid #CCC; }
.spoiler-legend { font-weight:bold }
.spoiler { background:#000;color:#000 }
.modbreak-legend { font-size:larger;color:#D00;font-weight:bold;margin:4px 4px 0px 4px;padding:2px }
.modbreak { border:1px solid #D00;margin:0px 4px 4px 4px;padding:4px }

/* Displays a result bar */

.resultbar { border:1px solid #000;width:68px;height:9px;font-size:1px;
	margin:0px auto 0px auto;text-align:left }
.resultbar .result { background-color:#000;height:9px;font-size:1px }

/*-------------------------------------------------
	Module styles
-------------------------------------------------*/

/* View page module */

#module #page { text-align:justify }

/* Message block */

#module .message { text-align:center;font-weight:bold;padding:13px 0px 13px 0px;border:1px solid #C1CACE; }
#module .message .proceed { text-align:center;font-weight:normal;margin:0px 0px 10px 0px; }

/* Tablelist styles */

#module .lst table { padding:1px;margin:0px;width:100%; }
#module .lst td { padding:2px; }
#module .lst td a { font-size:13px;color:#000;text-decoration:none; }
#module .lst td a:hover { color:#C03;text-decoration:underline; }
#module .lst tr.header td { border:1px solid #DDD;padding:3px 6px;color:#FFF;
	background:#666;font-size:x-small;font-weight:bold; }
#module .lst tr.header td a { color:#FFF }
#module .lst tr.header td a:hover { color:#FFF;text-decoration:underline; }
#module .lst .subheader td { padding:2px 4px;color:#858476;background:#F5F4E0;
	border:1px solid #E0DEC2;font-weight:bold; }
#module .lst .subheader a { color:#000; }
#module .lst .subheader a:hover { color:#C03;text-decoration:underline; }
#module .lst tr.odd td.even, 
#module .lst tr.even td.even { padding:2px;vertical-align:middle;border-top:1px solid #E0DEC2; }
#module .lst tr.odd td.odd, 
#module .lst tr.even td.odd { padding:2px;vertical-align:middle;border-top:1px solid #E0DEC2; }

/* View layout */

#module .view { margin-bottom:5px; }
#module .view .author { padding:2px 4px;font-size:90%;color:#555; }
#module .view .author .header { font-style:italic; }
#module .view .content { padding:2px 10px 6px 10px;text-align:justify; }

/* Overview style */

#module .oview table { padding:1px;margin:0px;width:100% }
#module .oview td { padding:2px;vertical-align:middle; }
#module .oview .header td { font:bold 125%;margin:3px 0px 3px 0px; }
#module .oview .subheader td { padding:2px;color:#000;border:1px solid #E7E7E7;
	background:#FAFAFA;font-weight:bold; }
#module .oview .subheader a { color:#666;text-decoration:none; }
#module .oview .subheader a:hover { color:#333; }
#module .oview .first { }
#module .oview td.even{ padding-bottom:4px }
#module .oview td.odd { padding-bottom:4px; }
#module .oview .author { padding:2px 4px;font-size:90%;color:#555; }
#module .oview .content { padding:2px 10px 6px 10px;text-align:justify; }
#module .oview tr.unread td { background:#F8F8F8; }

/* You module */

#module .you .votebox { width:50px;padding:2px 12px 12px 2px; }
#module .you .rating { font-size:large;text-align:center;padding:3px 10px;margin:10px 0px; }
#module .you .notvoted .vote, 
#module .you .voted .vote { text-align:center;padding:4px 10px;border:1px solid #DBE8F7;font-weight:bold; }
#module .you .voted .vote { border:1px solid #DDD;background:#EEE;color:#BBB;cursor:default; }
#module .you .postbox { padding-bottom:10px; }

/* Reactions */

#module .react { text-align:left;padding-top:1px;width:100%; }
#module .react h4 { padding:10px; }
#module .react .post, 
#module .react .reply { position:relative;background:#EEE;margin:0px 0px 2px 0px;
	padding:6px;border:1px solid #CCC; }
#module .react .post { background:#F5EFE9; }
#module .react .reply { background:#E6D8C3 }
#module .react .author { font-size:11px;font-weight:bold; }
#module .react .date { font-size:10px;color:#555; }
#module .react img { vertical-align:bottom; }
#module .react .avatar { padding-right:8px;width:45px; }

/* Card */

#module .card,
#module .smallcard { float:left;border:1px solid #F2F2F2;margin:3px;
	padding:8px;width:220px;height:118px;vertical-align:top; }
#module .smallcard { width:100px;height:121px; }
#module .card .photo { float:left;padding:8px 5px 8px 8px; }
#module .card .name { font-weight:bold;padding:8px 8px 0 0; }
#module .smallcard .name { font-weight:bold;padding-bottom:2px; }
#module .card .info { font-size:90%;padding-right:8px; }
#module .card .options { font-size:80%;margin-top:10px;padding:0 8px 8px 0; }

/* Pagescroller */

#module .pgs { margin:0px 5px 5px 10px;padding:1px;font-size:12px;color:#000;padding:2px; }
#module .pgs .current { border:1px solid #7F9DB9;
	padding:2px;color:#FFF;text-decoration:none;font-weight:bold; }
#module .pgs a { padding:2px;color:#4B6884;text-decoration:none }
#module .pgs a:hover { text-decoration:underline; }

/* Photo module */

#module a.photo img { margin:2px 1px;padding:3px 5px;vertical-align:middle;text-align:center; }
#module a.photo:hover img { margin:1px 0px;border:1px solid #cfd7e4;background:#f3f8ff; }

/*-------------------------------------------------
	Submodules
-------------------------------------------------*/

/* Tablelist */

.submodule-table table { width:100%; }
.submodule-table .header td { font-size:120%;font-weight:bold; }
.submodule-table .subheader td { font-weight:bold;color:#F3F8FF;background:#CFD7E4;padding:1px 4px; }
.submodule-table a { color:#666;text-decoration:none; }
.submodule-table a:hover { color:#333;text-decoration:underline; }
.submodule-table tr.even td, 
.submodule-table tr.odd td { border-bottom:1px solid #F3F8FF;padding:2px 4px; }

/* Accountmenu */

.submodule.accountmenu { margin-bottom:8px;display:block;height:23px; }
.submodule.accountmenu ul { padding:0px;margin:0px;list-style-type:none; }
.submodule.accountmenu li { display:inline;float:left; }
.submodule.accountmenu a { color:#000;display:block;border:1px solid #AEBACF;background:#ECF0F6;
	padding:4px 10px 0px 10px;height:19px;float:left; }
.submodule.accountmenu a:hover { color:#666;border:1px solid #BEC8D9;background:#F7F9FB; }
.submodule.accountmenu li.active a { background:#AEBACF;border-color:#AEBACF;color:#FFF; }

/* Pagemenu */

.submodule.pagemenu { margin:4px 10px 10px 0;font:normal 90%;display:block;height:18px; }
.submodule.pagemenu a { display:block;padding:0px 4px;float:left;text-decoration:underline;color:#777; }
.submodule.pagemenu a:hover { color:#333; }
.submodule.pagemenu a.active { text-decoration:none;cursor:default;color:#4B4E4F;font-weight:bold; }

/* Login */

.submodule.login ul { padding:0px;margin:5px 0px 10px 25px; }
.submodule.login li { list-style-type:square; }

/* Friends */

.submodule.friends table { padding:3px;margin:0px; }
.submodule.friends td { padding:2px;border-bottom:1px dashed #EEE; }
.submodule.friends td.data { width:100px;vertical-align:middle; }
.submodule.friends td.photo img { margin:2px; }
.submodule.friends td a { color:#999;text-decoration:none; }
.submodule.friends td a:hover { color:#444;text-decoration:none; }

/* Navigation bar */

.submodule.navbar a { color:#000;text-decoration:none;font-weight:bold; }
.submodule.navbar a:hover { text-decoration:underline; }

/* Poll */

.submodule.poll .title { font-weight:bold; padding-bottom:4px; }
.submodule.poll form { margin:1px 0px 1px 0px;font-size:10px; }

/* Messagebox */

.submodule.messagebox ul { padding:4px 10px 4px 5px;margin:0px 0px 10px 30px; }
.submodule.messagebox li { list-style-type:none;margin:0px;padding:0px; }
.submodule.messagebox .info { background:url(/core/icons/info.gif) no-repeat center left; }
.submodule.messagebox .info ul { border-left:1px solid #678FB1;color:#678FB1; }
.submodule.messagebox .error { background:url(/core/icons/error.gif) no-repeat center left; }
.submodule.messagebox .error ul { border-left:1px solid #F50;color:#F50; }

/* You */

.submodule.you ul { padding:2px 10px 4px 5px;margin:0px 0px 15px 20px; }