html, body { background-color: #333333;  }     /* Template: Midnight */

table, html, body { font-weight : normal;    font: 11px/15px   Verdana;  color: #232323;  vertical-align : top;}
/*INPUT, SELECT{	font:0.9em/1.1em Verdana,Sans-serif;	color: #737272;}*/
select, input{   font-family: Verdana;  font-size: 11px;   color: #232323;   border: 1px #BDBDBE solid;   background-color: #e1e1e1;}

td {vertical-align: top; }

a {text-decoration: none; color: #333333;}
a:hover {color: #AA0000; }
p { margin:0; padding:0;}
/*  */
.ql_main {background-color: #fff; width: 600px; ;  text-align:center; }
.ql_main table.form_o {width: 500px; background-color: rgb(238, 238, 238); margin:auto; margin-top:5px; border: 1px solid #CCC;}
.ql_main table.form_o td {padding: 2px;}
.ql_main table.form_i {width:100%;  border: 1px solid #000000; background-color: rgb(255, 255, 255); border-collapse:collapse; text-align: left; }
.ql_main table.form_i td {padding: 1px; padding-left: 10px;}
.ql_main td.lCForm {line-height:1.8em; padding-right: 10px; padding-left: 10px;   border-right: 1px solid black; font-size:90%; font-weight : bold;}
.ql_main td.rCForm {line-height:1.8em; padding-right: 10px; padding-left: 10px;}
.ql_main td.nag {background-color : #8899aa;	color : white;    text-align:center;    border-bottom : 1px solid #000000;    font-weight : bold; padding:2px;}
.ql_main tr.colored {background-color : #EEEEEE;}
.ql_main input{   font-family: Verdana;    color: #232323;   border: 1px #BDBDBE solid;   background-color: #e1e1e1;}
.ql_main input.button {font-weight : bold; width: 80px;}
.ql_main textarea{   font-family: Verdana;   font-size: 90%;  color: #232323;   border: 1px #BDBDBE solid;   background-color: #e1e1e1;}


/* main menu table */

td.ql_main {background-color: #CCCCFF;}
.ql_main table.main_menu { width:100%; text-align:left;    }
.ql_main table.main_menu td{width:33%;    padding : 5px 5px 5px 5px; background-color: #9999FF; border:1px solid #DDD   }
.ql_main table.main_menu p{padding:1px; margin:0;   }

/* subcategory menu */

.ql_main table.sub_menu { width:100%; text-align:left;    }
.ql_main table.sub_menu td {width:33%;   padding : 3px 3px 3px 3px; font-size:90%; border: 1px solid #E7E7E7;  background-color: #F9F9F9; color: #000099;}
.ql_main table.sub_menu td a { font-weight: bold; }

/* subcategory sites */

.ql_main table.sites { width:100%; text-align:left;    }
.ql_main table.sites td{ padding : 10px 5px 10px 5px;    background-color: #FFFFF9; border-top: 1px solid #AAA; font-size: 90%;   }
.ql_main table.sites td.featured{ padding : 5px 5px 5px 5px;    border: 2px solid red;    }
.ql_main table.sites p{ padding : 2px; margin: 0; }

/* site info */

.ql_main table.site_info { width:100%; text-align:left;    }
.ql_main table.site_info td{ padding : 10px 5px 10px 5px;    background-color: #FFFFF9;   }
.ql_main table.site_info td.featured{ padding : 5px 5px 5px 5px;    border: 1px solid red;    }
.ql_main table.site_info p{ padding : 2px; margin: 2px; padding-left: 15px; }
.ql_main table.site_info span.si_text {font-weight: bold; font-size:90%; color: #15134d;}

.ql_main div.image{text-align: center; padding : 2px; margin-right: 10px; float: left; width:163px; border:1px solid #7788aa;}
.ql_main div.site{ padding : 2px;  float: left; width:350px; }
.ql_main table.site_info td.featured{     border: 1px solid red;    }

/* top of category menu  */

.ql_main div.top{ text-align:left; background-color: #F9F9F9; border: 1px solid #E7E7E7; clear : both; float:none; height:1.5em; padding:4px; margin: 2px; }
.ql_main div.top a { font-size:90%  }
.ql_main p.admin_p { text-align:left; font-weight: normal; border:1px solid #F00; margin:2px; padding:2px;}

/* links */

a.link1 { font-weight: bold; color: #22415d; }
a.link1:hover   { font-weight: bold; color: #555555}

a.link2{font-weight: bold; color: #DD2222; font-size:90%;} /* #ee6A63 */
a.link2:hover   {text-decoration: underline; color: #AA2222} 

a.infolink{text-decoration: underline; color: #222222; } 
a.infolink:hover    { color: #AA2222; } 

a.link_admin { font-weight: bold; font-size: 10px; color: #e01311}
a.link_admin:hover { text-decoration: underline; }

/* left */

.ql_left { border-right: 1px ridge #667799; border-bottom: 1px ridge #667799; border-top: 1px ridge #667799;	border-left: 1px ridge #667799;	 background-color : #CCCCFF;}
    	
#button {	padding: 0 0 1px 0;	margin-bottom: 3px;	background-color: #CCCCFF;	}
#button ul {list-style: none;	margin: 0;	padding: 0;	border: none;	}
#button li.menu_top  { background-color : #ECE9E8; padding: 0; color : black; font-weight: bold; text-align:center; }		
#button li {	border-bottom: 1px solid #90bade;	margin: 0;	}
#button li a {width: 170px; display: block;	padding: 2px 1px 2px 5px;	border-left: 3px solid #666666;	
                border-right: 5px solid #666666;	background-color: #666666;	color: #fff; }
#button li a:hover {border-left: 5px solid #333333;	border-right: 3px solid #333333; background-color: #333333;	color: #fff; }

/* right */

.ql_right { border-right: 1px ridge #667799; border-bottom: 1px ridge #667799; border-top: 1px ridge #667799; border-left: 1px ridge #667799; background-color: #F6F6F6;  width: 180px; }

/* foot */

.ql_pagging {text-align: left; font-weight: bold; font-size:90%; background-color:#F9F9F9; border: 1px solid #E7E7E7; padding:2px}
.ql_pagging a { color: #556699;}

.ql_foot {background-color:#CCC; border-left:0 ridge #667799;}

/* last added */
.ql_last {text-align: left; background-color: #d3d6bb; padding: 5px; margin-top: 5px; border:1px solid #a3a69b}
.ql_last p { padding-top: 5px; font-size: 90%}
.ql_last a {font-weight: bold}

/* messages */
div.info {background-color: #F2AA34 ;  margin:auto; padding: 3px 10px 3px 10px; border: 1px solid #CC7315  ; color: white; font-weight:bold; text-align:left}
div.info p{padding:0; margin:2px;}

/* button */

input.button2, input.button3 { cursor:pointer; font-weight:bold; padding: 0 7px 0 7px;  border:1px solid #CCCCCC; font-size:90%; color: #284775; background-color:#EEE;}