@charset "utf-8";
/* CSS Document */
html, body {
	margin:0;
	padding:0;
	background:#eee;
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#000000;
}
a {
	outline:none;
	color:#000000;
	padding:2px 5px;
	text-decoration:none;
}
a:hover {
	background:#333;
	color:#FFFFFF;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
}
img {
	border:none;
}
/**************************************************************/

.footer_container {
	float:left;
	width:100%;
	background:#e9e9e9;
	border-top:solid 1px #d6d4d4;
}
.footer {
	margin:5px;
	float:left;
	font:normal 11px/18px Verdana, Geneva, sans-serif;
	color:#595959;
}
/********************************************************************/

.wrapper {
	margin:auto;
	width:1010px;
}
.sub_wrapper {
	float:left;
	width:999px;
	padding:0 5px;
	background:url(../images/p2o_bg_main.png) repeat-y top center;
}
.header {
	float:left;
	width:99%;
	padding:8px .5%;
	background:#FFFFFF;
	border-bottom:solid 1px #eae9e9;
}
.logo {
	float:left;
}
.adminpanel_head {
	float:right;
}
.adminpanel_head h2 {
	font:normal 25px Verdana, Geneva, sans-serif;
	color:#333;
	margin:0;
	padding:0;
	text-align:right;
}
.adminpanel_head .links {
	float:left;
	padding:10px 0 0 0;
}
.adminpanel_head .links a {
	float:left;
	padding:3px 10px;
	text-decoration:none;
	margin:0 0 0 10px;
	font:normal 12px Verdana, Geneva, sans-serif;
	-moz-border-radius:6px;
	background:#eee;
}
.adminpanel_head .links a:hover {
	background:#333;
	color:#FFFFFF;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
}
.adminpanel_head .links a.active {
	background:#0192d5;
	color:#FFFFFF;
}
.main_login_panel {
	float:left;
	width:999px;
	background:#f9f9f9;
}
.login_panel {
	float:left;
	width:60%;
	margin:100px 20% 160px 20%;
	background:#FFF;
	border:solid 1px #e9e9e9;
}
.login_panel .head {
	float:left;
	width:100%;
	border-bottom:solid 1px #e9e9e9;
}
.login_panel .ip {
	float:right;
	font:normal 12px/50px Verdana, Geneva, sans-serif;
	color:#0192d5;
	padding:10px;
}
.login_form {
	float:left;
	padding:50px 105px;
}
.login_form label {
	float:left;
	width:75px;
	height:34px;
	margin:0 0 15px 0;
	font:normal 12px/34px Verdana, Geneva, sans-serif;
}
.login_form .input_text {
	float:left;
	width:300px;
	height:32px;
	margin:0 0 15px 0;
	border:solid 1px #c9c9c9;
}
.login_form .input_text:focus {
	background:#c0ffcd;
	border:solid 1px #00921f;
}
.button {
	float:right;
	height:28px;
	padding:0 15px;
	color:#555;
	margin:0 15px 0 0;
	border:solid 1px #cdcdcd;
	font:bold 12px/28px Verdana, Geneva, sans-serif;
	background:url(../images/buttons_bg.jpg) repeat-x top left;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	border-radius:15px;
}
.button:focus {
	background:url(../images/buttons_bg.jpg) repeat-x bottom left;
	color:#000;
}
/***************************************************************************/
.main_inner_container {
	float:left;
	width:100%;
	padding:0 0 0px 0;
	background:#f9f9f9;
}
.accordion_container {
	float:left;
	width:250px;
	padding:0;
	background:url(../images/accordion_bg.jpg) repeat-y top right
}

.glossymenu {
	margin:0;
	padding: 0;
	width: 250px; /*width of menu*/
}
.glossymenu a.menuitem {
	background:url(../images/glossyback.gif) repeat-x bottom left;
	font: bold 12px Verdana, Geneva, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 10px 0;
	padding-left: 10px;
	text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
	color: white;
}
.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}
.glossymenu a.menuitem:hover {
	background-image:url(../images/glossyback2.gif);
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}
.glossymenu div.submenu { /*DIV that contains each sub menu*/
	background: white;
}
.glossymenu div.submenu ul { /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.glossymenu div.submenu ul li {
	border-bottom:solid 1px #cbcbcb;
}
.glossymenu div.submenu ul li a {
	display: block;
	font:normal 11px Verdana, Geneva, sans-serif;
	color: #333;
	padding: 10px 0;
	padding-left: 10px;
	background:url(../images/accordion_bg.jpg) repeat-y top right;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}
.glossymenu div.submenu ul li a:hover {
	background:#f9f9f9;
}
.glossymenu div.submenu ul li a.active {
	background:#f9f9f9;
}

/***********************************************************************/
.frame_container {
	float:left;
	padding:0;
	width:78.2%;
	margin:0px 0 0 6px;
	background:#FFFFFF;
	border:solid 1px #e9e9e9;
	height:645px;
}
.slides_head {
	float:left;
	width:100%;
	margin:0;
	padding:0px 0;
	background:#e9e9e9;
}
.slides_head h4 {
	font:bold 17px Verdana, Geneva, sans-serif;
	color:#333;	
	text-align:center;
	margin:0;
	padding:3px 10px;
}
.frame_content {
	float:left;
	width:98%;
	padding:0px 1%;
	
}
.frame_content label {
	float:left;
	width:155px;
	height:27px;
	padding:0 0 0 20px;
	color:#333;
	font:normal 12px/26px Verdana, Geneva, sans-serif;
}
.frame_content .text_box {
	float:left;
	width:190px;
	height:20px;	
	background:#f5f5f5;
	border:solid 1px #8a8a8a;
}
.frame_content .text_box:focus {
	background:#e0ffe6;
	border:solid 1px #00921f;
}
.frame_content .drop_down {
	float:left;
	height: 26px;
    padding: 3px;
    width: 192px;	
	background:#f5f5f5;
	border:solid 1px #8a8a8a;
}
.frame_content .drop_down:focus {
	background:#e0ffe6;
	border:solid 1px #00921f;
}
.date {
	float:left;
	background:#ffdada;
	border:solid 0px #ff9898;
	padding:2px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;	
}
.date label {
	float:left;
	width:174px;
	height:30px;
	color:#333;
	padding:0 0 0 14px;
	font:normal 12px/14px Verdana, Geneva, sans-serif;
}
.date img {
	margin:0 0 0 5px;	
}

.affiliates {
	float:left;
	background:#ddddff;
	border:solid 0px #9797fe;
	padding:3px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;	
}
.promotion {
	float:left;
	background:#FF9966;
	border:solid 0px #9797fe;
	padding:3px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;	
}
.affiliates label, .employee label, .find_us label,.promotion label {
	float:left;
	width:172px;
	height:30px;
	color:#333;
	padding:0 0 0 15px;
	font:normal 12px/30px Verdana, Geneva, sans-serif;
}
.employee {
	float:left;
	background:#ffeecf;
	border:solid 0px #ffc252;
	padding:3px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;	
}
.find_us {
	float:left;
	background:#d4fff5;
	border:solid 0px #82ffe2;
	padding:3px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;	
}