/**************************/
/* HTML Standard elements */
/**************************/
h1 {
	height:45px;
	background-image:url("images/fon03.gif");
	background-repeat:no-repeat;
	text-align : left;
	padding : 15px;
	margin : 0px;
	color : black;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-style : bold;
}
h2 {
	text-align : right;
	margin-right : 10px;
	color : #FF6600;
	font-size : 15px;
	font-family : Tahoma,Verdana,Arial;
	font-style : italic;
}
h3 {
	text-align : left;
	margin-left : 10px;
	margin-bottom: 2px;
	color : #FF6600;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-style : bold;
}
ol, ul {
	margin-top: 2px;
	margin-bottom: 2px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}

p {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
p a {
	color : #000000;
	font-weight: bold;
}
p a:hover {
	color : #294A7B;
}

th {
	color : #000000;
	background-image: url(images/orange-gradient.jpg);
	background-repeat : repeat-y;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
td {
	color : #000000;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}

input, select {
	color : #000000;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
/****************/
/* CSS template */
/****************/

#container {width:100%; min-width:1000; background:url(images/bg.gif) top left repeat; overflow: hide; display:table; }
#bg_left {float:left; height:100%; min-height:100; width:100; min-width:10; background:url(images/bg_left.gif) top right repeat-y; display:table-cell; margin-bottom: -5000px; padding-bottom: 5000px; }
#bg_right {float:left; height:100%; min-height:100; width:100; min-width:10; background:url(images/bg_right.gif) top left repeat-y; display:table-cell; margin-bottom: -5000px; padding-bottom: 5000px;}
#main {width:780; float:left; background-color: white; background-image:url(images/fon02.gif); background-repeat: repeat-y; display:table-cell;}
/*
#container {width:100%; min-width:1000; background:url(images/bg.gif) top left repeat; display:table-row;}
#bg_left {float:left; height:100%; min-height:100; width:5%; min-width:10; background:url(images/bg_left.gif) top right repeat-y; display:table-cell;}
#bg_right {float:left; height:100%; min-height:100; width:5%; min-width:10; background:url(images/bg_right.gif) top left repeat-y; display:table-cell;}
#main {width:780; float:left; background-color: white; background-image:url(images/fon02.gif); background-repeat: repeat-y; display:table-cell;}
*/
#header {width:100%}
#body {width:100%; min-height:600;clear:both; }
#leftpanel {float:left; background-image:url(images/fon02.gif); width:230; }
#rightpanel {float:left; width:550;}
#footer {width:100%; clear:both;}

#clear {
	clear:both; 
	height:1px; 
	font-size:1px; 
	border:none; 
	margin:0; 
	padding:0; 
	background:transparent;
}
/***************/
/* CSS classes */
/***************/

/* shadow text */
.shadow {zoom:100%; filter:Shadow(color='#232323', direction=120, strength=3);}

/* paragraph spacing */
.px {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 2px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.px5 {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}

/* hosting package (table class) */
.package {
	border-width : 1px;
	border-style : solid;
	border-color : #FF6600;
	background-color: #EEEEEE;
}
.package a {
	color : #294A7B;
	font-size : 1.2em;
	text-decoration: none; 
	border:none;
}
.package a:hover {
	color : white;
}

/* title text */
.title {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 30px;
	margin-right : 30px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.title a {
	color : #EF6D00;
	text-decoration: none; 
	border:none;
}
.title a:hover {
	color : #C25A02;
}

.list {
	list-style-type : none;
	color : black;
	margin-top : 3px;
	padding-bottom : 3px;
	margin-bottom : 0px;
	margin-left : 15px;
	margin-right : 5px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.list a {
	color : #999999;
	text-decoration: none; 
}
.list a:hover {color:#294A7B;}

.li-square { list-style: square inside; }
.li-circle { list-style: circle inside; }

/* sidebar menu item */
.right {
	color : #FFFFFF;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 15px;
	margin-right : 15px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.right a {
	color : #FFFFFF;
	text-decoration: none; 
}
.right a:hover {
	color : #999999;
}

.left {
	color : #000000;
	margin-top : 10px;
	padding-bottom : 5px;
	margin-bottom : 0px;
	padding-left : 25px;
	padding-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.left a {
	color : #FF6600;
	text-decoration: none; 
}
.left a:hover {
	color : #FFFFFF;
}
/* top menu - style 1*/
.menu01 {
	background: url("images/e01.gif") top left no-repeat;
	height: 39px;
	float:left;
	color : black;
	padding-top : 10px;
	padding-bottom : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 5px;
	margin-right : 5px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	text-align: center;
}
.menu01 a {
	color : white;
	text-decoration: none;
}
.menu01 a:hover {
	color : #555555;
}
/* top menu - style 2 */
.menu02 {
	color : #000000;
	margin-top : 0px;
	padding-bottom : 0px;
	margin-bottom : 0px;
	margin-left : 5px;
	margin-right : 5px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.menu02 a {
	color : white;
	text-decoration: none;
}
.menu02 a:hover {
	color : black;
}

/* icons */
.icon  { 
	margin: 2px;
	float: left;
	border: none;
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}
/* rounded orange box */
.roundcont {
	width: 250px;
	background-color: #f90;
	color: #fff;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}
.roundcont p { margin: 0 10px; }
.roundcont h2 { color: black; }
.roundmiddle { width:100%; height:150px; }
.roundtop {background: url("/images/tr.gif") no-repeat top right; }
.roundbottom {background: url("/images/br.gif") no-repeat top right; }

/* custom blue fade buttons */
.custom-button { background: #55B2FF url('images/button-back.gif') top left repeat-x; border: 1px solid #177DD2; font-family: Arial, Verdana, sans-serif; color: #fff; font-weight: bold; font-size: 12px; margin-bottom: 1px; }
.custom-button-disable { background: #55B2FF url('images/button-back.gif') top left repeat-x; border: 1px solid #177DD2; font-family: Arial, Verdana, sans-serif; color: #ccc; font-weight: bold; font-size: 12px; margin-bottom: 1px; padding: 2px; text-align: center; }
a.custom-button-link { background: #55B2FF url('images/button-back.gif') top left repeat-x; border: 1px solid #177DD2; font-family: Arial, Verdana, sans-serif; color: #fff; font-weight: bold; font-size: 12px; margin-bottom: 1px; padding: 5px 5px 5px 5px; text-decoration: none; }
a.custom-button-link:hover { color: #fff; }

/* Control Panel */
.side-menu a {color:black; text-decoration:none;}
.side-menu a:hover {color:white; text-decoration:none;} 

ul#controlPanel li a:hover,
ul#controlPanel li a:active
{
  border: 1px solid #FF8000;
  color: #333;
}