/* OpenID icon style */

input.system-openid {

   background: url(http://openid.net/login-bg.gif) no-repeat;

   background-color: #fff;

   background-position: 0 50%;

   color: #000;

   padding-left: 18px;

}





/* Unpublished */

.system-unpublished {

background: #e8edf1;

border-top: 4px solid #c4d3df;

border-bottom: 4px solid #c4d3df;

}



/* System Messages */

#system-message    { margin-bottom: 10px; padding: 0;}

#system-message dt { font-weight: bold; }

#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }

#system-message dd ul { color: #c92400; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}



/* System Standard Messages */

#system-message dt.message { display: none; }

#system-message dd.message {  }



/* System Error Messages */

#system-message dt.error { display: none; }

#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}



/* System Notice Messages */

#system-message dt.notice { display: none; }

#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}



/* Debug */

#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }

#system-debug div { font-size: 11px;}



/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption.left {
	float: left;
	margin-right: 1em;
}

.img_caption.right {
	float: right;
	margin-left: 1em;
}

.img_caption.left p {
	clear: left;
	text-align: center;
}

.img_caption.right p {
	clear: right;
	text-align: center;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}



html {

  height: 100%;

  margin-bottom: 1px;

}



form {

  display:inline;

}



body {

	margin: 0px 0px 0px 0px;

}



body, td{

	font-family: tahoma,Arial,sans-serif;

	font-size: 11px;

	color: #333;

	line-height: 1.3em;

}
a:link, a:visited {
line-height: 18px;
padding-left:20px;
padding-right:3px;
	text-decoration: none;
	font-weight:bold;
	color:black;
}

a:hover {
line-height: 18px;
padding-left:20px;
padding-right:3px;
	text-decoration: none;
	font-weight:bold;
	color:black;
}




a.mainlevel:hover{
line-height: 18px;
background-color:#c22300;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;

	}

{}

input.button { cursor: pointer;vertical-align:middle;}

.searchimg{cursor: pointer;vertical-align:middle;padding-bottom:4px;}

.buttonclassic{cursor: pointer;vertical-align:middle;}

p { margin-top: 0; margin-bottom: 5px; }



img { border: 0 none; }



/*****************************************/

/*** Template specific layout elements ***/

/*****************************************/

#page_bg {

	padding: 3px 0;

	margin-bottom: 1px;

}



div#main_bg{

	margin:0px auto;

	width: 989px;

	text-align:left;

}



div#f_area{

	margin:0px auto;

	width: 973px;

	text-align:left;

}



div#logo_bg{

	height:68px;

	margin-left: 13px;

	margin-right: 13px;

	width:auto;

}



.logo{

	display: block;

	float:left;

	padding-top:20px;

	height:32px;

}

a.logo, a.logo:link,a.logo:hover, a.logo:visited{

	font-size:24px;

	color:#333333;

	text-decoration:none;

	font-weight:bold;

	font-family:"Trebuchet MS",Arial;

}



div#user4{

	float:right;

	width:300px;

	text-align:right;

	padding-right:10px;

}

div#user1{

	

	width:600px;

	text-align:leftt;

	padding-top:20px;

}

.search {

	text-align:right;

	height:60px;

	padding:7px 0px 0px 0px;

}

.searchbox{background:#FFFFFF;

	width: 156px;

	height: 12px;

	font-size: 11px;

	color: #454545;

	padding:3px 2px 2px 2px;

margin-bottom:0px;

	border: 1px solid #848484;}

.search .inputbox {

	background:#FFFFFF;

	width: 156px;

	height: 12px;

	font-size: 11px;

	color: #454545;

	padding:3px 2px 2px 2px;

margin-bottom:14px;

	border: 1px solid #848484;

}

.userpasswordBox{width: 60px;

	height: 12px;

	font-size: 11px;color: #454545;

	}

.loginbutt{color:#960000;font-family: Tahoma,Arial,Verdana,Sans-Serif; font-weight: bold;}

.loginbutt:hover{color:red;}

#user3{

	margin-left: 13px;

	margin-right: 13px;

	width:auto;

	border:1px solid black;

	height:42px;

	background: url(../images/bg_menu.png) top  repeat-x;

}

#pillmenu {

	text-align:left;

	margin: 0;

}



#pillmenu ul {

	margin: 0;

	margin-top:12px;

	padding: 0 0 0 8px;

	list-style: none;

}



#pillmenu li {

	float: left;

	margin: 0;

	padding: 0;

}



#pillmenu li:hover {



}



#pillmenu li a#active_menu-nav {

	

}



#pillmenu li a,#pillmenu li a:hover {

	font-family:"Trebuchet MS",Tahoma;

	font-size: 15px;

	float: left;

	display: block;

	line-height: 18px;

	padding: 0 17px 0 17px;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

	border-right: 1px solid white;

}



#banner{

	margin-left: 13px;

	margin-right: 13px;

	width: 963px;

	height: 155px;

	color:#FFFFFF;

}



#banner table.contentpaneopen{

	margin-top:15px;

	margin-bottom:15px;

	width:500px;

	float:right;

	text-align:left;

}

#banner table.contentpaneopen td{

	color:#FFFFFF;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:12px;

}

#leftcolumn{

	padding: 0px;

	margin: 0px auto;

	padding-left:13px;

	width: 225px;

	float:left;

}

#rightcolumn{

margin:0px;

	padding:0px;

width:250px;

float:right;

}



#maincolumn{

	width: 850px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding:0px;

}



div.path{

	width:650px;

	margin-left:auto;

	margin-right:auto;

	float:none;

	margin-top:50px;

	padding:15px 0 0 0px;

}



div.nopad {

width:850px;

margin-right:auto;
margin-left:auto;
		padding:5px 0px 15px 0px;

}



div.nopad ul {

	clear: both;

}



form#form-login fieldset { 

	border: 0 none; 

	margin: 0;

	margin-left:10px;

}

form#form-login ul li{ 

	padding: 0; 

}



form#form-login ul li a {

	text-align: left;

	padding: 0px;

	font-size: 10px;

	color: #858585;

}

#form-login-username{font-size: 11px;

}

#modlgn_username.inputbox { height:11px; font-size: 11px;

}

#form-login-password{font-size: 11px;

}



#modlgn_passwd.inputbox { height:11px; font-size: 11px;}

.space{padding-left:5px;}

#leftcolumn div.module_menu, #leftcolumn div.module{

	margin: 10px 0px;

	padding: 0px;

	width: 208px;

}

#leftcolumn div.module_menu  div div div, #leftcolumn div.module div div div{

	background: url(../images/rub_bottom.png) left bottom no-repeat;

	

}

#leftcolumn div.module_menu  div div div, #leftcolumn div.module div div{

	margin: 0px;

	padding: 0px;

	padding-bottom:5px;

	width: 208px;

	height:auto;

}



#leftcolumn div.module_menu div div div div, #leftcolumn div.module div div div div {

	background: none;

	padding: 4px 8px;

}

#leftcolumn div.module_menu h3, #leftcolumn div.module h3{

	text-align: center;

	height: 44px;

	width: 208px;

	line-height: 44px;

	color:#FFFFFF;

	font-size:14px;

	margin:0px;

}

table.poll thead td {

	text-align: left;

	padding-left:10px;

}

table.poll td {

	text-align: left;

}

#leftcolumn ul.menu li ul{

	list-style: none;

}

.pollstableborder {

	margin: 5px 10px 10px 10px;

}

/* forms */

#leftcolumn .moduletable ul {

	margin: 6px 0;

	padding: 0;

	list-style: none;

}



#leftcolumn .moduletable ul li {

	margin: 0;

	padding: 0 2px;

}

.moduletable ul {

	padding:10px 0px 10px 15px;

	margin:0px;

}



.moduletable ul li {

	padding:0px 0px 0px 15px;

	margin:0px;

	line-height:18px;

}

#leftcolumn ul.menu li#current ul li {

	margin: 0px;

	padding: 0px;

}

ul.menu {

	padding:10px 0px 10px 15px;

	margin:0px;

}

ul.menu li{

	padding:0px 0px 0px 15px;

	margin:0px;

	line-height:18px;

}

ul.menu li#current a{

	text-decoration:none;

	color:#fff;

}

ul.menu li ul {

	padding:0px 0px 5px 0px;

	margin:0px;

}

ul.menu li ul li{

	padding:0px 0px 0px 15px;

}

ul.menu li#current ul li a{

	margin-left:15px;

	text-decoration:none;

}

ul.mostread {

	padding:10px 0px 10px 15px;

	margin:0px;

}

ul.mostread li{

	padding:0px 0px 0px 15px;

	margin:0px;

	line-height:18px;

}

ul.latestnews {

	padding:10px 0px 10px 15px;

	margin:0px;

}

ul.latestnews li{

	padding:0px 0px 0px 15px;

	margin:0px;

	line-height:18px;

}

div.componentheading{

	font-weight:bold;

	font-size:16px;

	margin:7px auto;

}



td.contentheading, td.buttonheading{

	font-weight:bold;

	font-size:14px;

	height:33px;

	background: url(../images/contentheading_line.png) bottom repeat-x;

}

table.contentpaneopen{

	border-collapse: collapse;

	margin-left:5px;

}

table.contentpaneopen td{

	padding:2px;

}

span.small, td.createdate, td.modifydate{

	font-size:11px;

	color:#999999;

}

span.pagination span, span.pagination a{

	padding:5px;

}



#f_area div.moduletable, #f_area div.moduletable_menu{

	float: left;

	margin:5px 10px 5px 10px;

	width: 100%;



}

#f_area div.moduletable h3, #f_area div.moduletable_menu h3{

	text-align: center;

	margin:0px;

	height: 38px;

	width: 202px;

	line-height: 38px;

	color:#FFFFFF;

	font-size:14px;

	background:  url(../images/f_area_h3.png) top left no-repeat;	

}




/* System Standard Messages */

#system-message { margin-bottom: 10px; }



#system-message dd.message ul {width:500px; background-color: #fff;border: none;}



/* System Error Messages */

#system-message dd.error ul { color: #c00;margin:0px; padding-left: 40px; text-indent:0px;}



/* System Notice Messages */

#system-message dd.notice ul { color: #c00;}



#syndicate{

	float:left;

	padding-left: 25px;

}

http://localhost/wlantrade/templates/wlantradevortex/css/red.css

@charset "utf-8";

/*** red ***/

a:link, a:visited {

line-height: 17px;

margin-top:2px;

margin-bottom: 4px;

font-weight:bold;

padding-left:20px;

	color: #000000;

}
#page_bg {

	background: #5b0c00;

}

#main_bg{

	background: #FFFFFF url(../images/red/bg_main.png) left repeat-y;

}

#f_area{

	background: #5b0c00 url(../images/red/bg_f_area.png) left repeat-y;

}
div#rights_area{
display:block;
float:left;
padding:10px;
margin:0px auto;
	text-align:left;}
	
div#f_silvex{
display:block;
float:right;
cursor:default;
padding:10px;
	margin:0px auto;
	width: 250px;
	text-align:right;
color:black;font-weight:bold;}

#logo_bg{

	background: #FFFFFF url(../images/red/bg_logo.png) top repeat-x;

}

/*.search{

	background:url(../images/red/search_ico.png) left top no-repeat;

}*/

#banner{

	background: #FFFFFF url(../images/red/banner.jpg) center top no-repeat;

}



div.module_menu h3, div.module h3{

	background:  url(../images/red/bg_h3.png) top left no-repeat;

cursor:default;

}



a.readon, a.readon:hover, a.readon:visited{

	display:block;

	height:23px;

	width:109px;

	color:#FFFFFF;

	text-decoration:underline;

	padding-left: 23px;

	line-height:23px;

	background:  url(../images/red/bg_read_more.png) top left no-repeat;

	margin:10px 0px 0px 0px;

}



#power_by, #power_by a, #power_by a:visited{

	color:#E2745C;

}

ul.menu li{

	list-style:none;

	background:url(../images/red/menu_arrow.png) top left no-repeat;

}

ul.mostread li{

	list-style:none;

	background:url(../images/red/menu_arrow.png) top left no-repeat;

}

ul.latestnews li{

	list-style:none;

	background:url(../images/red/menu_arrow.png) top left no-repeat;

}

.moduletable ul li {

	list-style:none;

	background:url(../images/red/menu_arrow.png) top left no-repeat;

}



div.componentheading{

	color:#C92400;

}