﻿/* CSS dimofinf.net 2010 for Dimofinf v3.0.0 */
body {
	margin:0px;
	padding:0px;
	font-family:Tahoma,verdana,Arial,Helvetica,sans-serif;
	font-size:9pt;
}
/*-------- Header [BEGIN] --------*/
#page {
	margin:auto;
	margin-top:0px;
}
.page-wrapper {
	margin:auto;
	padding:0px;
	margin-bottom:0px;
}
.container {
	margin:auto;
	padding:0 4px 0 4px;
}

/*-------- Header [END] --------*/
a {
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
	outline: none;
}
/* XSmall Font */
.xsmallfont {
	font-family:Tahoma,verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight: normal;
}
/* Small Font */
.smallfont {
	font-family:Tahoma,verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
}
/* Larg Font */
.largfont {
	font:  15px 'Times New Roman', arial, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif;
}

#newstitle1,#newstitle2,#newstitle3,#newstitle4,#newstitle5,#newstitle6,#newstitle7,#newstitle8,#newstitle9,#newstitle10,#newstitle11,#newstitle12,#newstitle13,#newstitle14,#newstitle15,#newstitle16,#newstitle17,#newstitle18,#newstitle19,#newstitle20{
	font-family:"Times new roman"; font-weight:bold; font-size:14px; margin:2px; color:#fff;white-space:nowrap;
}
/*-------- Global [BEGIN] --------*/
/* Display <q>tags as elements */
Q {
	font:7pt Tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
	display: block;
}
/* ***** basic styles for multi-page nav elements */
div.pageslist {
	margin:8px;
	font-size:9px;
}
span.pageslist a {
	font-weight:bold;
	padding:2px 4px !important;
	margin-right:3px;
	overflow:hidden;
}
div.pageslist a,div.pageslist span {
	display:block;
	font-weight:bold;
	margin-left:3px;
	padding:2px 6px !important;
	text-decoration:none;
}
div.pageslist .selected {
	padding: 2px 6px !important;
}
/*-------- Global [END] --------*/
.time {
	font-size:11px;
	font-weight:normal;
}
img {
	border:none;
}
.hr{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
border:0 none;
height:2px;
margin:2px  0 4px;
}

table {
	border:none;
	border-collapse:collapse;
	border-spacing:5px 0px;
}
td,div,a,ul,li,span,h2,.img,input {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
		outline:none;
}
.noradius td{
	-webkit-border-radius:0px;
	-moz-border-radius:0px;	
}
.tborder {
	border-spacing:2px;
	border-collapse:separate;
}
#blocktable {
	border:1px solid;
	padding:1px;
}
.lighttitle {
	padding:3px;
}
.darktitle {
	padding:3px;
}
.lightcontent,.whitecontent {
	padding:2px;
}
.darkcontent {
	padding:2px;
}
.lightrow {
	margin-bottom:5px;
	display:table;
	border-color:#ff0000;
}
.poll {
	width:100%;
	padding:0px;
	margin-bottom:5px;
}
.commentitle {
	border-collapse:collapse;
	padding:4px;
}
.commenrepltitle {
	border-collapse:collapse;
	padding:4px;
}
.repliestitle {
	border-collapse:collapse;
	padding: 4px;
}
/*-------- Calendar [BEGIN] --------*/
.arrowbutton {
	padding:0px 2px 1px 2px;
	text-decoration:none;
	font-weight: bold;
	font-size: 11px;
}
/*-------- Calendar [END] --------*/
.choice{
	padding:1px;
	margin-bottom:4px;
}
/*-------- Nav Menu [BEGIN] --------*/
#navunder {
	width:100%;
	padding-bottom:2px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
}
#navmenu {
	width:100%;
	border-bottom:solid 2px;
	margin:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
}
#navmenu ul {
	margin:0;
	padding:0px 0px;
	list-style-type:none;
}
#navmenu li {
	display:inline;
	margin:0;
	padding:0;
}
#navmenu a {
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
}
#navmenu a span {
	display:block;
	padding:5px 10px 4px 6px;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navmenu a span {
	float: none;
}
/* End IE5-Mac hack */
#navmenu a:hover {
	background-position:0% -42px;
}
#navmenu a:hover span {
	background-position:100% -42px;
}
#navmenu #current a {
	background-position:0% -42px;
}
#navmenu #current a span {
	background-position: 100% -42px;
}
/*-------- Nav Menu [END] --------*/
/*-------- menu [BEGIN] --------*/
/* MENU PANEL ELEMENTS */
#menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
	width:100%;
}
#menu ul li {
	position:relative;
}
#menu li:hover ul {
	display:block;
}
#menu li:hover>ul {
	visibility:visible;
}
#menu ul ul {
	visibility:hidden;
}
#menu ul,li {
	margin: 0px;
}
/* Styles for Menu Items */
#menu ul a {
	display:block;
	text-decoration:none;
	padding:5px;
	border-bottom:0;
	border-left:0;
	border-right: 0;
}
/* Sub Menu Styles */
#menu li ul a {
	text-decoration:none;
	padding:5px;
	border-bottom:0;
}
#menu li ul {
	position:absolute;
	top:0px;
	display:block;
	z-index: 10000;
}
/*-------- menu [END] --------*/
/*-------- Content [BEGIN] --------*/
.content {
	width: 100%;
}
/*-------- Content [END] --------*/
/*-------- Various [BEGIN] --------*/
div.box {
	margin:10px 0 15px;
	padding:2px;
}
div.box.code {
	background:url(../../../images/code_lines.png) repeat-y scroll 0 -3px;
	padding:0 2px 0 20px;
	margin:3px;
}
.pics {
	padding:0;
	overflow:hidden;
}
.pics img {
	padding: 10px;
}
div.pan{
	background:url('h1200.png') repeat-x;
}
/* tab pane styling */
div.panes div.pan {
	display:none;
	padding:5px;
	border-top:0;
	-webkit-border-top-right-radius:0px;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
}
#stickednews{
	height:295px;	
	margin:0px;
}
.stickednews li {
	list-style-image:none;
	width:98% !important; /* stupid iexplorer*/
	list-style-type:none;
	margin:0 !important;
	height:270px;	
}
#importantnews {
	height:295px;
	margin:0px;
}
.importantnews li {
	list-style-image:none;
	width:98% !important; /* stupid iexplorer*/
	list-style-type:none;
	padding:1px;
	margin:0 !important;
	height:88px;	
}
.clear {
	clear:both;
}
.ticker {
	margin:0px;
	padding:1px;
	overflow:hidden;
	position:relative;
	height:15px;
}
.ticker li {
	list-style-type:none;
	display:none;
	top: 0px;
}
/* root element for tabs */
ul.tabs {
	list-style-type:none;
	margin:0 !important;
	padding:0;
	height: 30px;
}
/* single tab */
ul.tabs li {
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image: none !important;
}
/* link inside the tab. uses a background image */
ul.tabs a {
	font-size:11px;
	display:block;
	height:30px;
	line-height:30px;
	width:134px;
	text-align:center;
	text-decoration:none;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}
ul.tabs a:active {
	outline: none;
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current,ul.tabs a.current:hover,ul.tabs li.current a {
	background-position:-420px -62px;
	cursor:default !important;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright: 0px;
}
/* Different widths for tabs
/* width 1 */
ul.tabs a.s {
	background-position:-553px 0;
	width:81px;
}
ul.tabs a.s:hover {
	background-position:-553px -31px;
}
ul.tabs a.s.current {
	background-position: -553px -62px;
}
/* width 2 */
ul.tabs a.l {
	background-position:-248px -0px;
	width:174px;
}
ul.tabs a.l:hover {
	background-position:-248px -31px;
}
ul.tabs a.l.current {
	background-position: -248px -62px;
}
/* width 3 */
ul.tabs a.xl {
	background-position:0 -0px;
	width:248px;
}
ul.tabs a.xl:hover {
	background-position:0 -31px;
}
ul.tabs a.xl.current {
	background-position: 0 -62px;
}
/* initially all panes are hidden */
div.pane {
	display:none;
}
#accordion {
	width: 100%;
}
/* currently active header */
#accordion h2.current {
	cursor: default;
} 
/* accordion pane */
#accordion div.pane {
	display:none;
}
.contents {
	border-style:solid;
	border-width:1px;
}
#contents {
	border-style:solid;
	border-width:0 1px 1px 1px;
	margin:0px;
	overflow:hidden;
	padding: 5px;
}
.module-title,#accordion h2 {
	display:block;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	margin:0px;
	padding:7px 5px;
	text-transform:capitalize;
}
#accordion #contents {
	margin-bottom:2px;
}
input[type="text"],input[type="password"],select,textarea {
	padding:2px;
}
.postbar {
	background:transparent url('topnav.jpg') repeat-x scroll center top;
	font-size:11px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px;
	padding:7px 0 3px;
}
.clearfix {
	display:inline-block;
}
.bockmark-hovers {
	filter:alpha(opacity=40);
	opacity:0.4;
}
.bockmark-hovers:hover {
	filter:alpha(opacity=100);
	opacity: 1;
}
/* toolbar buttons */
.editor div.bbcodButton {
	border:1px solid transparent;
}
.editor table {
	background:#808080 url('topnav.jpg') repeat-x scroll center top;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	color:#333333;
	display:block;
	margin:0px;
	padding: 2px;
}
#command { 
	position:relative;
	height:10px;
	display:block;
	margin: auto;
}
.lightSwitcher {
	position:absolute;
	z-index:13301;
	outline:none;
	text-decoration:none;
}
.lightSwitcher:hover {
	text-decoration:underline;
}
#shadow {
	background-image:url('shade1x1.png');
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:13300;
}
.turnedOff {
	color:#ffff00;
	background-image:url(light_bulb.png);
}
/*-------- Various [END] --------*/
/*-------- Rating [BEGIN] --------*/
.ratingblock{display:block}.unit-rating{list-style:none;margin:0px;padding:0px;height:15px;position:relative;background:url('../../../images/starrating.gif') top left repeat-x}.unit-rating li{text-indent:-9000px;padding:0px;margin:0px;float:left}.unit-rating li a{outline:none;display:block;width:15px;height:15px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding:0px}.unit-rating li a:hover{background:url('../../../images/starrating.gif') left center;z-index:2;left:0px}.unit-rating a.r1-unit{left:0px}.unit-rating a.r1-unit:hover{width:15px}.unit-rating a.r2-unit{left:15px}.unit-rating a.r2-unit:hover{width:30px}.unit-rating a.r3-unit{left:30px}.unit-rating a.r3-unit:hover{width:45px}.unit-rating a.r4-unit{left:45px}.unit-rating a.r4-unit:hover{width:60px}.unit-rating a.r5-unit{left:60px}.unit-rating a.r5-unit:hover{width:75px}.unit-rating a.r6-unit{left:75px}.unit-rating a.r6-unit:hover{width:90px}.unit-rating a.r7-unit{left:90px}.unit-rating a.r7-unit:hover{width:105px}.unit-rating a.r8-unit{left:105px}.unit-rating a.r8-unit:hover{width:120px}.unit-rating a.r9-unit{left:120px}.unit-rating a.r9-unit:hover{width:135px}.unit-rating a.r10-unit{left:135px}.unit-rating a.r10-unit:hover{width:150px}.unit-rating li.current-rating{background:url('../../../images/starrating.gif') left bottom;position:absolute;height:15px;display:block;text-indent:-9000px;z-index:1}
/*-------- Rating [END] --------*/
/*-------- Footer [BEGIN] --------*/
.footer {
	text-align:center;
	padding:5px 0 30px 0;
	margin-top:5px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
}
.copyright {
	text-align: center;
}
/*-------- Footer [END] --------*/
/* CSS dimofinf.net 2010 for Dimofinf v3.0.x */
body {
	background: #FFF url('bg.jpg') no-repeat fixed center top;
	color: #2F3F48;
}

.page-wrapper{
	background-color: #FFF;
}


/*-------- Header [BEGIN] --------*/

/*-------- Header [END] --------*/

a {
	color: #a01417;

}
a:hover {
	color: #FF0000;
}

/*-------- Global [BEGIN] --------*/
/* Display <q> tags as elements */
Q
{
	color: #83b0c5;
}

div.pageslist span {
color:#83b0c5;
}

div.pageslist a:hover {
background-color:#83b0c5;
color:#FFFFFF;
}


span.pageslist a{
background-color:white;
}

div.pageslist a, div.pageslist span {
background-color:white;
border:1px solid #5F8287;
}

div.pageslist .selected {
background-color:#83b0c5;
color:#FFFFFF;
}

/*-------- Global [END] --------*/
.alert {
	color:#FF6600;
}

.time {
	color: #00BA3E;
}
.img {
	border:1px solid #FFF;
	outline: 1px solid #AAB5BB;
}
.title {
	color: #4f7ba4;
}

.hr{
background:url('borderline.gif') repeat-y scroll center top;
}



#blocktable {
	border-color: #B3C7D0;
	color: #404747;
}
.lighttitle {
	background-color: #DDEAEE;
	color: #457A89;
	border-bottom: 1px solid #B3C7D0;
}
.darktitle {
	background-color: #C7DCE2;
	color: #457A89;
	border-bottom: 1px solid #B3C7D0;
}

.whitecontent {
	background-color: #FFFFFF;
	color: #2F3F48;
	border: 1px solid #ededed;
}

.lightcontent {
	background-color: #D1DDDE;
	color: #2F3F48;
}
.darkcontent {
	background-color: #e82e2e;
	color: #FFFFFF;
}
.lightrow {
	border-bottom: 1px solid #B3C7D0;
}
.poll {
	background-color: #83b0c5;
	color: #FFFFFF;
	border:1px solid #658A8F !important;
}


.commenrepltitle {
	color: #808080;
	background: #E2E2E2;
}
.repliestitle {
	color: #FFFFFF;
	background: #83b0c5;
}
/*-------- Calendar [BEGIN] --------*/
input[type="button"]{
	background-color: #83b0c5;
	border: 1px solid #5C8085;
	color: #FFFFFF;
}
.arrowbutton:hover,input[type="button"]:hover{
	text-decoration: none;
	background-color: #FFFFFF;
	color: #83b0c5;
	border: 1px solid #5C8085;
}
.arrowbutton:active  {
	color: white;
}
/*-------- Calendar [END] --------*/


.choice:hover {
background-color:#D1DDDE;
color:#2F3F48;
}

/*-------- Nav Menu [BEGIN] --------*/
   #navunder {
 	background:#FFF;
	color: #000;
     }
    #navmenu {
  	border-bottom-color:#83b0c5;
     }
     #navmenu a {
      background:url("navmenuleft.gif") no-repeat left top;
    }
    #navmenu a span {
      background:url("navmenuright.gif") no-repeat right top;
    }    
        
 #navmenu a span {
     color:#355F73;
}

 #navmenu #current a span {
	color:white;
}     
/*-------- Nav Menu [END] --------*/
      
/* Styles for Menu Items */
#menu li {
	background: #FFFFFF;

}

#menu ul a {
	color: #2F3F48;
	border: 1px solid #B3C7D0;
	border-bottom:none;
}

/* Hover Styles */
#menu ul a:hover {
	color: #FFFFFF;
	background-color: #f04a4e;
}

/* Sub Menu Styles */
#menu li ul a {
	color: #545454;
	border: 1px solid #B3C7D0;
	border-bottom:none;
}

#menu ul a.submenu:hover {
	background-color:#FFFFFF;
		color: #FF6600;
}

/* Sub Menu Hover Styles */
#menu li ul a:hover {
	color: #FFFFFF;
	background-color: #f04a4e;
}
/*-------- menu [END] --------*/
/*-------- Content [BEGIN] --------*/

.content {
	background-color: #FFFFFF;
}

/*-------- Content [END] --------*/
/*-------- Various [BEGIN] --------*/

div.box{
background-color:#F0F1F2;
border:1px solid #C1C1C1;
}

div.box.code {
background-color:#F9F9FA;
}

.pics img {border: 1px solid #ccc; background-color: #eee;}





/* tab pane styling */
div.panes div.pan {
	border:1px solid #999;
}


/* link inside the tab. uses a background image */
ul.tabs a {
	background: url('blue.png') no-repeat -420px 0;
	color:#333;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color:#fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	color:#000 !important;
}


/* currently active header */
#accordion h2.current {
	background-color:#fff;
}

.contents {
background:#FFFFFF url('content-bg.jpg') repeat-x scroll 0 0;
border-color:#B3C7D0;
}

#contents {
background:#FFFFFF url('content-bg.jpg') repeat-x scroll 0 0;
border-color:#B3C7D0;
}

.module-title, #accordion h2 {
background:#FFF url('title.jpg') repeat-x scroll center top;
border:1px solid #B3C7D0;
border-top:none;
color:#30568a;
}

input[type="text"], input[type="password"], select, textarea {
background:#FFFFFF url('form.jpg') repeat-x scroll center top;
border:1px solid #B3C7D0;
}

input[type="submit"]{
background-color:#222222;
border:1px solid #222222;
color:#FFFFFF;
}

input[type="submit"]:hover{
background-color:#FFFFFF;
border:1px solid #222222;
color:#222222;
}

.postbar {
border:1px solid #B3C7D0;
}

/* button over */
.editor div.bbcodOver {
	border: #5F8287 1px solid;
	background-color: #D1DDDE;
}
/* button  down */
.editor div.bbcodDown {
	border: 1px solid #5F8287;
	background: url('buttonBackground.gif') center center repeat-x;
}
/*-------- Various [END] --------*/
/*-------- Footer [BEGIN] --------*/
.footer  {
	background: #FFF url('footer.jpg') repeat-x scroll center top;
	color:#000;

}
.footer a{
	color:#000;	
}
.footer a:hover{
	color:#FF0000;	
	
}
.copyright {
	color: #000;
}


/*-------- Footer [END] --------*/


