/*--------------------------------------------------------------

# 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: #45494D url('../images/bg_page.png') repeat-x 0 0;

	font: normal 12px Arial, Verdana, sans-serif;

	color: #7d7f8b;

	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: 150%;

}

h2 {

	font-size: 210%;

	font-weight: normal;

	margin:2px 0 15px 0;

}

h3 {

	font-size: 125%;

}

h4 {

	font-size: 100%;

}

h5 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0099FF;
	text-decoration: none;

}

h6 {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999999;
	text-align: justify;

}

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: 500px;

	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;

}

div#loginwrap input.button {

	border: 1px solid #202123;

}

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;
	color: #999999;

}

div#search input.inputbox {
	background: transparent no-repeat 40%;
	border-bottom: 1px solid #555A72;
	padding: 0 18px 0 20px;
	height: 19px;
	font: normal 11px/19px Tahoma, Arial, Helvetica, sans-serif;
	color: #98A5C6;
	border-top: none;
	border-right: none;
	border-left: none;

}

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;

}
h7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #3366FF;
	text-decoration: none;
}
