body {
	margin: 0; 
	padding: 0; 
	text-align:center;
	background: none repeat-y center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

img { border:none;}

.body { line-height: 130%; font-size: 12px; }

.G9	{ font-size: 9px; }

.G10 { font-size: 10px; }

.G12 { font-size: 12px; }

.S10	{ font-size: 10px;
	color: #6f6f6f;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.message {
	border: 1px dotted #A1A5A9;
	margin-left: auto; 
	margin-right: auto;
	padding-bottom: 3px;
	background: #e5e5e5;
	font-size: 12px;
	text-align: center;
}

.warning {
	border: 1px dotted #000000;
	margin-left: auto; 
	margin-right: auto;
	padding-bottom: 3px;
	background: #800000;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
}

/*<group=Links>*/

.T10	{ font-size: 10px;
	color: #6f6f6f;
}

.T10 a:link, .T10 a:visited	{ font-size: 10px;
	color: #6f6f6f;
	text-decoration: none;
}

.T10 a:hover	{ font-size: 10px;
	color: #6f6f6f;
	text-decoration: underline;
}

a:link { color: #0b42b3; text-decoration: underline; }

a:visited { color: #07389d; text-decoration: underline; }

a:hover { color: #465baa; text-decoration: underline; }

a:active { color: #CB0000; text-decoration: underline; }

#hide { color: #FFFFFF; text-decoration: none; }
	
/*</group>*/

/*<group=Layout>*/

.ratingbar {
	border-top: 1px solid #b2b2b2;
	padding-top: 1px;
	margin-top: 1px;
}

/*<group=Lists>*/

#popular ul {
	list-style: none;
	padding-bottom: 0;
	padding-top: 0;
	margin-top: 4px;
	padding-left: 15px;
}

#popular li {
	padding-bottom: 3px;
}
	
/*</group>*/

/*<group=Headlines>*/

.headlinered {
	border-bottom: 2px solid #b62510;
	text-align: left;
	font-size: 14px;
	width: 100%;
	display: block;
	font-weight: bold;
	margin-bottom: 4px;
	color: #191919;
}

.headlineblue {
	border-bottom: 2px solid #001499;
	text-align: left;
	font-size: 14px;
	width: 100%;
	display: block;
	font-weight: bold;
	margin-bottom: 4px;
	color: #191919;
}

.headlinegreen {
	border-bottom: 2px solid #5ec624;
	text-align: left;
	font-size: 14px;
	width: 100%;
	display: block;
	font-weight: bold;
	margin-bottom: 4px;
	color: #191919;
}
	
/*</group>*/

/*<group=Forms>*/

/* Used for form layouts without tables. */

div.row {
  	clear: both;
  	padding-top: 10px;
	width: 500px;
}

div.row span.label {
  	float: left;
	width: 200px;
	text-align: left;

}

div.row span.formw {
  	float: right;
  	width: 300px;
  	text-align: left;
 }
 
 form { 
	margin: 0px; 
	padding: 0px; 
	display:inline;
 } 
	
/*</group>*/

/*<group=Boxes>*/

/* Standard grey box elements. */

.greybox {
	border: 1px solid #A1A5A9;
	width: 100%;
	background: #E2E2E2;
	margin: 1px;
	padding: 3px;
}

.greyboxtop {
	background: #E2E2E2;
	border-bottom: 1px solid #A1A5A9;
	height: 14px;
	width: 100%;
}

.greyboxbottom {
	border: 1px solid #A1A5A9;
	width: 100%;
	background: #E2E2E2;
	margin: 1px;
	padding: 3px;
	height: 5px;
}

/* For feed info menu------------------------------- */

/* IE */

.clickbox {
	border: 1px solid #A1A5A9;
	width: 195px;
	background: #E2E2E2;
	padding: 0px;
	font-size: 10px;
	margin: 2px 1px 3px;
}

/* Others */

html>body .clickbox {
	border: 1px solid #A1A5A9;
	width: 195px;
	background: #E2E2E2;
	padding: 3px;
	font-size: 10px;
	margin: 2px 1px 3px;
}

/* For story listings--------------------------------- */

/* IE */

.storyboxheadline {
	border: 1px solid #A1A5A9;
	width: 98%;
	background: #ebebeb;
	padding: 0px;
	margin-top: 2px;
	margin-right: 1px;
	margin-left: 1px;
}

.storybox {
	border: 1px dotted #A1A5A9;
	width: 98%;
	padding: 0px;
	margin-right: 1px;
	margin-left: 1px;
	margin-bottom: 10px;
}

/* Others */

html>body .storyboxheadline {
	border: 1px solid #A1A5A9;
	width: 98%;
	background: #ebebeb;
	padding: 3px;
	margin-top: 2px;
	margin-right: 1px;
	margin-left: 1px;
}

html>body .storybox {
	border: 1px dotted #A1A5A9;
	width: 98%;
	padding: 3px;
	margin-right: 1px;
	margin-left: 1px;
	margin-bottom: 10px;
}

/* For feed listings---------------------------------- */

.feedboxheadline {
	border: 1px solid #A1A5A9;
	width: 100%;
	background: #ebebeb;
	padding: 3px;
	margin-top: 2px;
	margin-right: 2px;
	margin-left: 2px;
}

.feedbox {
	border: 1px dotted #A1A5A9;
	width: 100%;
	padding: 3px;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 10px;
}
	
/*</group>*/

/* Used by all pages */

/*<group=Header>*/

#header {
	text-align: left;  
	width: 850px; 
	height: 65px; 
	margin-left: auto; 
	margin-right: auto;
}
#header .menu {
	text-align: center;
	font-size: 12px;
	height: 18px;
	position: relative;
	top: 50px;
	color: #333333;
}
#header .columnright { width: 70%; float: right; text-align:right;
	font-size: 11px;
}

#header .columnleft { width: 30%; float: left;
}

.menu a:link, .menu a:visited{ color: #333333; text-decoration: none;
	font: 12px/12px tahoma, sans-serif;
	letter-spacing: 1px;
}
.menu a:hover { color: #465baa; text-decoration: underline; 
	font: 12px/12px tahoma, sans-serif;
}
.menu a:active { color: #CB0000; text-decoration: underline; 
	font: 12px/12px tahoma, sans-serif;
}
	
/*</group>*/

/*<group=Main>*/

#main { 
	text-align: left;
	width: 850px; 
	margin-left: auto; 
	margin-right: auto;
}

/* Column Layouts */

.columnright { width: 49%; float: right;
}

.columnleft { width: 49%; float: left;
}

.columnmenu { width: 200px; float: right;
}

.columncontent { width: 650px; float: left;
}

.columnmenuright { width: 30%; float: right;
}

.columncontentleft { width: 70%; float: left;
}
/*</group>*/

/*<group=Footer>*/

#footer {
	text-align: center;  
	width: 770px; 
	margin-left: auto; 
	margin-right:auto; 
}

.footer { color: #404040; font-size: 10px; }

.footeremail { color: #9999FF; font-size: 10px; }
	
/*</group>*/

div.clearer {
	clear: both; 
	height: 0; 
	line-height: 0;}
	
/*</group>*/

