/*--------------------------------------------------------------
# Cutting-Edge - February 2008
# Copyright (C) 2007-2008 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
---------------------------------------------------------------*/

/* ||| universal set of reset styles |||*/
html, body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: white;
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* ||| the end |||*/
/* ||| set of clearing floats |||*/	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.clear {
	clear: both;
}
/* End hide from IE-mac */
/* ||| the end |||*/
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	margin: 0;
	padding: 0;
	font-size:100%;
}
#bg {
	background: #361105 url('../images/bg_page.png') repeat-x 0 0;
	font: normal 12px Arial, Verdana, sans-serif;
	color: #361105;
	line-height:16px;
}
a {
	outline: none;
	cursor: pointer;
}
img {
	border: none;
	text-decoration: none;
}
element.style {
	cursor:pointer;
}
a:link,
a:visited,
a:active {
	text-decoration: none;
	color: #304c84;
}
a:hover {
	text-decoration: underline;
}
ul {
	padding: 0 0 0 2px;
	margin: 0;
	margin-left: 1px;
	list-style: none;
}
ul li {
	background: transparent url('../images/arrow.gif') no-repeat 0 5px;
	padding-left: 16px;
	line-height: 160%;
}
ol li {
	line-height: 170%;
}
fieldset {
	border: 0;
	padding: 5px 0;
}
h1 {
	font-size: 200%;
}
h2 {
	font-size: 210%;
	font-weight: normal;
	margin:2px 0 15px 0;
}
h3 {
	font-size: 125%;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 120%;
}
h6 {
	font-size: 110%;
}
th {
	padding: 4px;
	text-align: left;
}
fieldset {
	border: none;
}
fieldset a {
	font-weight: bold;
}
input,
select {
	font: normal 12px Arial, Helvetica, sans-serif;
}
hr {
	border-top: 1px solid #f9f9f9;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}
.clearfix {
	clear: both;
}
/* Major Blocks-------------------------------------------------------------------------------*/
div#page {
	background: url('../images/bg_top.jpg') no-repeat 50% 0;
	height: 100%;
	margin: 0 auto;
}
div#wrap-1 {
	width: 981px;
	margin: 0 auto;
}
div#top {
	height: 105px;
	width: 960px;
	margin: 0 auto;
}
/* Here you can change width or height of your logo*/
a#logo {
	background: transparent url('../images/logo.png') no-repeat 0 50%;
	width: 400px;
	height: 105px;
	display: block;
	float: left;
}
/*end*/
div#wrap-2 {
	clear: both;
	background: transparent url('../images/p_middle.png') repeat-y 0 0;
}
div#wrap-3 {
	background: url('../images/p_top.jpg') no-repeat scroll 50% 0;
}
div#wrap-4 {
	margin: 0 25px;
	padding-top: 12px;
	position: relative;
}
div#bottom {
	background: url('../images/p_bottom.png') no-repeat 50% 100%;
	height: 36px;
}
div#ctop {
	width: 100%;
	height: 22px;
	position: absolute;
	top: 12px;
}
div#loginwrap {
	float: left;
	width: 80%;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #2c3039;
}
div#loginwrap a {
	color: #2c3039;
}
div#loginwrap input {
	border: none;
	border-bottom: 1px solid #202123;
	margin: 0 5px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #2c3039;
	background: none;
}
ul.loginposition {
       list-style: none;
       margin: 0;
       padding: 0;
       
}
ul.loginposition li {
       background: none;
       margin: 0;
       padding: 0;
       float: left;
}

div#loginwrap input.button {
	border: 1px solid #202123;
}
li.pad {
   padding-left: 12px!important;
}
div#patmenu-wrap1 {
	position: relative;
	top: -11px;
	padding: 0;
	background: #eee url('../images/bg_patmenu-left.png') no-repeat 0 0;
}
div#patmenu-wrap2 {
	height: 18px;
	padding: 0 12px;
	background: url('../images/bg_patmenu-right.png') no-repeat 100% 0;
}
div#pathway {
	float: left;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #2c3039;
	line-height: 18px;
	background: url('../images/icon_pathway.png') no-repeat 0 50%;
	padding-left: 20px;
}
div#topmenu {
	float: right;
	margin-top: 2px;
}
div#search {
	float: right;
	width: 20%;
}
div#search input {
	float: right;
}
div#search input.inputbox {
	background: transparent url('../images/icon_search.png') no-repeat 0 40%;
	border: none;
	border-bottom: 1px solid #0f1014;
	padding: 0 18px 0 20px;
	height: 19px;
	line-height: 19px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #2c3039;
}
div#cont-1 {
	clear: both;
	width: 931px;
	background: url('../images/bg_content-top.png') no-repeat scroll 50% 0;
	padding-top: 8px;
	margin-top: 39px;
}
div#cont-2 {
	background: #fff url('../images/bg_content-bottom.png') no-repeat scroll 50% bottom;
	padding: 15px;
	position: relative;
	margin-bottom: 20px;
}
div#mainbody {
	clear: both;
}
div#menu {
	clear: both;
	background: url('../images/menu_bg.jpg') no-repeat 50% 0;
	height: 39px;
	margin-top: 47px;
}
div#header {
	clear: both;
}
/* Footer

-------------------------------------------------------------------------------*/
div#footer {
	clear: both;
	padding: 0;
	font-size: 11px;
	margin:0 25px;
}
div#footer a {
	font-size: 11px;
	color: #7D7F8B;
}
div#links {
	float: left;
	padding-bottom: 10px;
	color: #7D7F8B;
}
div#copyright {
	float: right;
}
/* Setup of major blocks
----------------------------------------------------------------------------------*/
div#l_w-1 {
	float: left;
	width: 655px;
	margin-right: 10px;
}
div#l_w-wrap {
}
div#l_w-wrap-0 {
	background: none;
}
div#l_w-2 {
	width: 100%;
}
div#r_w {
	float: right;
	width: 236px;
}
div#l_w1 {
	float: right;
	width: 180px;
}
div#r_w1-3 {
	float: left;
	width: 711px;
	padding-right: 10px;
}
div#r_w1-2 {
}
div#r_w1-1 {
	float: left;
	width: 460px;
	padding-right: 10px;
}
div#mainbody {
	clear: both;
}
/* Setup value of users position 1, 2, 3, 4
----------------------------------------------------------------------------------*/
div#user_position-1,
div#user_position-2,
div#user_position-3,
div#user_position-4,
div#user_position-5,
.us-stand {
	clear: both;
	overflow: hidden;
}
div.us_1-left,
div.us_1-right,
div.us_1-center,
div.us_2-left,
div.us_2-right,
div.us_2-center,
div.us_3-left,
div.us_3-right,
div.us_3-center,
div.us_4-left,
div.us_4-right,
div.us_4-center,
div.us_5-left,
div.us_5-right,
div.us_5-center {
	float: left;
	width: 33.3%;
	width: 50%;
	width: 100%;
	overflow: hidden;
}
div#user_position-1,
div#user_position-4 {
	background: url('../images/box-right.png') no-repeat bottom right;
}
div#user_position-1 div,
div#user_position-4 div {
	background: url('../images/box-left.png') no-repeat bottom left;
}
div#user_position-1 div div,
div#user_position-4 div div {
	background: url('../images/box-top.png') no-repeat top right;
}
div#user_position-1 div div div,
div#user_position-4 div div div {
	background: url('../images/box-topleft.png') no-repeat top left;
}
div#user_position-5 {
	background: url('../images/box-bottomright.jpg') no-repeat bottom right;
}
div#user_position-5 div {
	background: url('../images/box-col1left.png') no-repeat bottom left;
}
div#user_position-5 div div {
	background: url('../images/box-col1top.png') no-repeat top right;
}
div#user_position-5 div div div {
	background: url('../images/box-col1topleft.png') no-repeat top left;
}
div#user_position-1,
div#user_position-4,
div#user_position-5 {
	margin: 10px 0 0;
	padding: 0;
	clear: both;
	width: 100%;
	height:1%;
}
div#user_position-1 {
	margin: 0 0 10px;
}
div#user_position-1 div,
div#user_position-1 div div,
div#user_position-4 div,
div#user_position-4 div div,
div#user_position-5 div,
div#user_position-5 div div {
	padding: 0;
}
div#user_position-1 div div div,
div#user_position-4 div div div,
div#user_position-5 div div div {
	padding: 9px 0;
}
.border {
	background: url('../images/bullet.gif') repeat-y top left!important;
}
.border-black {
	background: url('../images/bullet_2.gif') repeat-y top left!important;
}
/*Modules
-------------------------------------------------------------------*/
div.moduletable,
div.moduletable-color1,
div.moduletable-color2 {
	font: normal 100% Arial, Helvetica, sans-serif;
	line-height:16px;
	padding: 0 10px!important;
	margin:-9px 0 0 0;
}
div.moduletable h3,
div.moduletable-color1 h3,
div.moduletable-color2 h3 {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 24px;
	color: #050505;
}
div#user_position-5 div.moduletable h3,
div#user_position-5 div.moduletable-color1 h3,
div#user_position-5 div.moduletable-color2 h3 {
	color: #fff;
}
div#user_position-5 a {
	color: #fff;
}
div#user_position-5 ul li {
	background: transparent url('../images/arrow_color.gif') no-repeat 0 5px;
}
div.module h3,
div.module-slider h3,
div.module-color1 h3,
div.module-color2 h3,
div.module-clear h3 {
	margin: 0 -14px 0px;
	padding: 0 14px 8px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: normal;
	color: #050505;
}
div.module-color2 h3 {
	color: #fff;
}
div.module,
div.module-slider,
div.module-color1,
div.module-color2,
div.module-clear {
	margin: 0 0 10px;
	padding: 0;
	clear: both;
	width: 100%;
	height:1%;
}
div.module-clear {
	margin: 0 0 10px;
}
div.module div,
div.module div div,
div.module-slider div,
div.module-slider div div,
div.module-color1 div,
div.module-color1 div div,
div.module-color2 div,
div.module-color2 div div {
	padding: 0;
}
div.module div div div,
div.module-slider div div div,
div.module-color1 div div div,
div.module-color2 div div div {
	padding: 9px 0;
}
/* Default*/
div.module {
	background: url('../images/box-right.png') no-repeat bottom right;
}
div.module div {
	background: url('../images/box-left.png') no-repeat bottom left;
}
div.module div div {
	background: url('../images/box-top.png') no-repeat top right;
}
div.module div div div {
	background: url('../images/box-topleft.png') no-repeat top left;
	padding: 13px;
}
/*Slider*/
div.module-slider h3 {
	color: #fff;
}
div.module-slider {
	background: url('../images/box-col1right.jpg') no-repeat bottom right;
}
div.module-slider div {
	background: url('../images/box-col1left.png') no-repeat bottom left;
}
div.module-slider div div {
	background: url('../images/box-col1top.png') no-repeat top right;
}
div.module-slider div div div {
	background: url('../images/box-col1topleft.png') no-repeat top left;
	color: #fff;
	padding: 9px 0;
}
/*color1*/
div.module-color1 {
	background: url('../images/box-col2right.png') no-repeat bottom right;
}
div.module-color1 div {
	background: url('../images/box-col2left.png') no-repeat bottom left;
}
div.module-color1 div div {
	background: url('../images/box-col2top.png') no-repeat top right;
}
div.module-color1 div div div {
	background: url('../images/box-col2topleft.png') no-repeat top left;
	padding: 13px;
}
/*color2*/
div.module-color2 h3 {
	color: #fff;
}
div.module-color2 {
	background: url('../images/box-col1right.jpg') no-repeat bottom right;
}
div.module-color2 div {
	background: url('../images/box-col1left.png') no-repeat bottom left;
}
div.module-color2 div div {
	background: url('../images/box-col1top.png') no-repeat top right;
}
div.module-color2 div div div {
	background: url('../images/box-col1topleft.png') no-repeat top left;
	padding: 13px;
	color: #fff;
}
/*|||------ Restrictions ------|||*/
div.module div div div div,
div.module div div div div div,
div.module div div div div div div,
div.module-slider div div div div,
div.module-slider div div div div div,
div.module-slider div div div div div div,
div.module-color1 div div div div,
div.module-color1 div div div div div,
div.module-color1 div div div div div div,
div.module-color2 div div div div,
div.module-color2 div div div div div,
div.module-color2 div div div div div div,
div#user_position-1 div div div div,
div#user_position-1 div div div div div,
div#user_position-1 div div div div div div,
div#user_position-4 div div div div,
div#user_position-4 div div div div div,
div#user_position-4 div div div div div div,
div#user_position-5 div div div div,
div#user_position-5 div div div div div,
div#user_position-5 div div div div div div {
	background: none;
}
div.module div div div div,
div.module div div div div div,
div.module div div div div div div,
div.module-slider div div div div,
div.module-slider div div div div div div,
div.module-color1 div div div div,
div.module-color1 div div div div div,
div.module-color1 div div div div div div,
div.module-color2 div div div div,
div.module-color2 div div div div div,
div.module-color2 div div div div div div,
div#user_position-1 div div div div div,
div#user_position-1 div div div div div div,
div#user_position-4 div div div div div,
div#user_position-4 div div div div div div,
div#user_position-5 div div div div div,
div#user_position-5 div div div div div div {
	padding: 0;
}
div.module-color2 a {
	color: #fff;
}
div.module-color2 ul li {
	background: transparent url('../images/arrow_color.gif') no-repeat 0 5px;
}
/* Typohraphy 
-----------------------------------------------------------------------------------*/
pre,
.code {
	background-color:#f9f9f9;
	border-left:5px solid #304c84;
	margin:10px 0pt 15px;
	padding:10px 15px;
	font-size: 11px;
}
.info {
	background:transparent url('../images/icons/info.gif') no-repeat left top;
	color:#304c84;
	padding-left:30px;
}
.warning {
	background:transparent url('../images/icons/warning.gif') no-repeat left top;
	color:#cc0000;
	padding-left:30px;
}
.tips {
	background:transparent url('../images/icons/tips.gif') no-repeat left top;
	color:#E98B05;
	padding-left:30px;
}
.date {
	background:transparent url('../images/icons/date.gif') no-repeat left top;
	color:#35cc00;
	padding-left:30px;
}
.audio,
.credit,
.email,
.feed,
.help,
.webcam {
	background:transparent url('../images/icons/audio.gif') no-repeat left top;
	padding-left:30px;
}
.credit {
	background:transparent url('../images/icons/credit.gif') no-repeat left top;
}
.email {
	background:transparent url('../images/icons/email.gif') no-repeat left top;
}
.feed {
	background:transparent url('../images/icons/feed.gif') no-repeat left top;
}
.help {
	background:transparent url('../images/icons/help.gif') no-repeat left top;
}
.webcam {
	background:transparent url('../images/icons/webcam.gif') no-repeat left top;
}
.highlight-1 {
	background:#ffffda;
	padding:1px 5px;
}
.highlight-2 {
	background:#f9f9f9;
	padding:1px 5px;
}
.highlight-3 {
	background:#45494D;
	color: #fff;
	padding:1px 5px;
}
span.clear,
span.color,
span.color-1,
span.color-2,
span.color-3,
span.color-4,
span.color-5,
span.color-6 {
	display: block;
	padding: 10px;
	margin-bottom: 10px;
}
span.color {
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	background: #f9f9f9;
}
span.color-1 {
	border-top: 1px solid #304c84;
	border-bottom: 1px solid #304c84;
	background: #f9f9f9;
	color: #304c84;
}
span.color-2 {
	border-left: 1px solid #304c84;
	color: #304c84;
}
span.color-3 {
	border-left: 1px solid #8c4889;
	color: #8c4889;
}
span.color-4 {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #000;
	color: #fff;
}
span.color-5 {
	border-top: 1px solid #363a3e;
	border-bottom: 1px solid #363a3e;
	background: #45494D;
	color: #fff;
}
span.color-6 {
	border-top: 1px solid #132241;
	border-bottom: 1px solid #132241;
	background: #0B162A;
	color: #fff;
}
span.clear {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}