/* GLOBAL */
html
{
	height: 100%;
	background-color:#2e3749;
	color:#c6d8e7
}
body
{
	font-family: "Lucida Grande", verdana;
	font-size: 11px;
}

a#GG_logo
{
	float: left;
	cursor: pointer;
	height: 76px;
	width: 240px;
	margin-right: 17px;
}

textarea
{
	background-color: #cadbeb;
	border: none;
	padding: 6px;
	color: #2d384a;
	font-weight: bold;
}

a
{
	text-decoration: none;
	outline:none;
	color: #C6D8E7;
}

a:hover
{
	text-decoration: underline;
	outline:none;
}

a img
{
	border: none;
}

hr
{
	border-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	height: 0px;
	clear: both;
	float: left;
	width: 100%;
	margin: 5px 0;
	color:#2279c3;
	border-color:#2279c3
}

hr.first
{
	margin-top: 0;
}

input[type=text],
input[type=password]
{
	font-size: 12px;
	border-style: solid;
	border-width: 1px;
	background-color:#cadceb;
	border-color:#2279c3;
}

/* COMMON ELEMENTS */
/* corners */
div.corner
{
	display:block;
	background-image: url('/assets/images/sprites/global.gif');
	background-repeat: no-repeat;
	position: absolute;
	width: 5px;
	height: 5px;
	line-height: 0;
	font-size: 0;
}

div.corner.lb,div.corner.lt,div.contentBody div.corner.lt,div.contentBody div.corner.lb {
	left:0
}

div.corner.lb,div.corner.rb,div.contentBody div.corner.rb,div.contentBody div.corner.lb {
	bottom:0
}

div.corner.rb,div.corner.rt,div.contentBody div.corner.rt,div.contentBody div.corner.rb {
	right:0
}

div.corner.lt,div.corner.rt,div.contentBody div.corner.lt,div.contentBody div.corner.rt {
	top:0
}

h4.header div.corner.lt {
	background-position:0 0
}

h4.header div.corner.rt {
	background-position:-5px 0
}

h4.header.red div.corner.lb,div.contentBody h4.header.red div.corner.lb {
	background-position:-70px -5px
}

h4.header.red div.corner.rb,div.contentBody h4.header.red div.corner.rb {
	background-position:-75px -5px
}

h4.header.red div.corner.lt {
	background-position:-70px 0
}

h4.header.red div.corner.rt {
	background-position:-75px 0
}

h4.header div.corner.lb,div#header div.corner.lb {
	background-position:0 -5px
}

h4.header div.corner.rb,div#header div.corner.rb {
	background-position:-5px -5px
}

div#header ul li a div.corner {
	background-position:999px 999px
}

div#header ul li a.disabled div.corner {
	background:none
}

div#header ul li a:hover div.corner.lt,div#header ul li a.active div.corner.lt {
	background-position:-10px 0
}

div#header ul li a:hover div.corner.rt,div#header ul li a.active div.corner.rt {
	background-position:-15px 0
}

div.contentBody div.corner.lt,div.userlist div.item div.corner.lt {
	background-position:-20px 0
}

div.contentBody div.corner.rt,div.userlist div.item div.corner.rt {
	background-position:-25px 0
}

div.contentBody div.corner.rb,div.userlist div.item div.corner.rb {
	background-position:-25px -5px
}

div.contentBody div.corner.lb,div.userlist div.item div.corner.lb {
	background-position:-20px -5px
}

div.contentBody h4.header div.corner.lb {
	background-position:-30px -5px
}

div.contentBody h4.header div.corner.rb {
	background-position:-35px -5px
}

div.contentBody h4.header div.corner.lt {
	background-position:-30px 0
}

div.contentBody h4.header div.corner.rt {
	background-position:-35px 0
}

/* buttons */
div.button
{
	background: url('/assets/images/sprites/global.gif') no-repeat 0 -45px transparent;
	height: 21px;
	clear:both;
	float: left;
	width: auto;
	outline:none;
}
div.button input,
div.button a
{
	background: url('/assets/images/button_small_bg.gif') no-repeat right center transparent;
	display: block;
	color: white;
	margin-right: -2px;
	outline:none;
}

div.button a
{
	height: 15px;
	text-decoration: none;
	color: white;
	padding: 3px 26px;
	outline:none;
	
}

div.button input[type="submit"]::-moz-focus-inner{ 
	border: none; 
}


div.button input
{
	border: none;
	background: url('/assets/images/button_small_bg.gif') no-repeat right top transparent;
	height: 20px;
	cursor: pointer;
	padding: 2px 26px 4px 26px;
	outline:none;
}

div.button.right
{
	float: right;
	margin-right: 2px;
	outline:none;
}

div.button.slim
{
	background: url('/assets/images/slim_button_blue.png') no-repeat right center transparent;
}

div.button.slim.red,
div.button.slim.reddish:hover
{
	background-image: url('/assets/images/slim_button_red.png');
}

div.button.slim.gray,
div.button.slim.reddish
{
	background-image: url('/assets/images/slim_button_gray.png');
}

div.button.slim a
{
	background: none;
	padding-left: 0px; 
	padding-right: 23px;
}

div.button.slim a:hover
{
	text-decoration: underline;
}

div.button.slim.reverse
{
	background: url('/assets/images/slim_button_blue_reverse.png') left center no-repeat transparent;
}

div.button.slim.reverse a
{
	padding-right: 0;
	padding-left: 23px;
}

div.actions div.button.slim {
	margin-right: 5px;
	white-space: nowrap;
}

/* image tiles */
a.image
{
	margin-right: 4px; 
	margin-top: 4px; 
	float: left; 
	display: block;
	overflow: hidden;
	border-style: solid;
	border-color: #ffffff;
	position: relative;
}

a.image.active,
a.image:hover
{
	border-color: #2279C3;
}

a.image.small
{
	width: 50px; 
	height: 50px;
	border-width: 2px;
}

a.image.normal
{
	margin-top: 0;
	width: 164px;
	height: 164px;
	border-width: 3px;
}

/* FRAMEWORK */
div#container, div#footer {
	width: 930px; 
	margin: 0 auto;
}

div#footer {
	clear: both; 
	text-align: center; 
	padding-top: 50px;
	padding-bottom: 30px;
	font-size: 10px;
}

div#footer a {
	color: inherit;
}

body.small div#container
{
	width: 585px;
}

body.small div#content
{
	width: 585px;
	margin: 0 auto;
	float: none;
	padding-top: 15px;
}

div#header
{
	color: #fff;
	height: 76px;
	margin-bottom: 13px;
	background: #2279C3 url('/assets/images/logo_beta.gif') no-repeat scroll top left;
	position: relative;
}

body.small div#header
{
	height: 40px;
	background-image: url('/assets/images/logo_small.gif');
	background-position: 12px 12px;
	margin-bottom: 0;
}



div#header ul
{
	padding: 0;
	padding-top: 41px;
	display: block;
	float: left;
	width: auto;
}

body.small div#header ul
{
	padding-top: 5px;
}

div#header ul.right
{
	float: right;
	padding-left: 0;
	padding-right: 3px;
}


div#header ul li
{
	list-style-type: none;
	display: block;
	margin: 0;
	float: left;
}

div#header ul li a
{
	display: block;
	padding: 10px;
	padding-top: 8px;
	color: white;
	font-weight: bold;
	height: 17px;
	position: relative;
	float: left;
	margin-right: 2px;
}

div#header ul li a.disabled,
div#header ul li a.disabled:hover
{
	color: #65a4da;
	background-color: transparent;
	text-decoration: none;
	cursor: default;
}

div#header ul li a.active,
div#header ul li a:hover
{
	background-color: #65a4da;
}

div#topmenu
{
	color: rgb(164, 205, 239);
	position: absolute;
	right: 15px;
	top: 5px;
}

div#topmenu a
{
	color: rgb(164, 205, 239);
	text-decoration: none;
}

div#topmenu a:hover
{
	color: white;
}

div#usermenu
{
	width: 234px;
	float: left;
	min-height: 400px;
	margin: 0;
	margin-right: 11px;
}

div#content
{
	float: left;
	width: 685px;
	position: relative;
}

div#content,
div#usermenu
{
	overflow: hidden;
}

div#APE_channel,
div#APE_id
{
	display: none;
}

/* HEADER */
h4.header
{
	padding: 5px 10px;
	color: #fff;
	clear: both;
	background-color: #2279c3;
	height: 15px;
	position: relative;
	margin-bottom: 7px;
}

h4.header.red
{
	background-color: #ea3a24;
}

h4.header div.pointer
{
	height: 25px;
	width: 12px;
	position: absolute;
	background: url('/assets/images/sprites/global.gif') no-repeat -90px -10px;
	left: -12px;
	top: 0;
}

h5.header
{
	clear: both;
}

a.icon
{
	display: block;
	height: 15px;
	width: 15px;
	background: url('/assets/images/sprites/global.gif') no-repeat;
	line-height: 15px;
	font-size: 0;
	position: absolute;
	right: 5px;
	top: 5px;
}

a.icon.helpLink
{
	background-position: -30px -11px;
}

a.icon.helpLink.white
{
	background-position: -75px -11px;
	top: 63px; 
	right: 6px; 
	margin-right: 0px;
}

a.icon.plusminus
{
	background-position: -45px -11px;
}

div.open a.icon.plusminus
{
	background-position: -60px -11px;
}

div.menuBlock
{
	margin-bottom: 18px;
	margin-top: 4px;
	float: left;
	width: 100%;
}

/* MESSENGER */
h4#messengerHeader span, h4#messengerHeader img {
	float: left
}

h4#messengerHeader img {
	padding-left: 8px; 
	margin-top: -2px;
	cursor: pointer;
}

div#menuMessenger ul {
	width:234px
}

div#menuMessenger ul li {
	background:url('/assets/images/message.gif') no-repeat 8px 6px;
	width:198px;
	padding-left:34px;
	height:24px;
	list-style-type:none;
	cursor:pointer
}

div#menuMessenger ul li,div#menuMessenger ul a {
	color:#7ea4c4
}

div#menuMessenger li.system.request_trade,
div#menuMessenger li.system.access_granted,
div#menuMessenger li.system.access_request{
	background-image:url('/assets/images/system_message_photo.gif');
	background-position: 11px 6px;
}

div#menuMessenger ul li span {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	padding:4px 0;
	float:left
}

div#menuMessenger ul li span.username {
	width:105px;
	padding-left: 15px;
	background: none left center no-repeat transparent;
}

div#menuMessenger ul li span.username.online {
	background-image: url('/assets/images/messenger_online.png');
}

div#menuMessenger ul li span.username.offline {
	background-image: url('/assets/images/messenger_offline.png');
}

div#menuMessenger ul li span.time {
	margin-left:7px;
	width:70px;
	text-align:right
}

div#menuMessenger p {
	padding:0;
	text-align:center;
	width:100%
}

div#menuMessenger p a {
	color:#c6d8e7
}

/* LOGIN */
div#menuLogin dt,
div#menuLogin dd
{
	display: block;
	float: left;
}

div#menuLogin dd{
	width:124px;
}
div#menuLogin dt
{
	height: 25px;
	width: 95px;
	padding-left: 6px;
	clear: both;
	padding-top:3px;
	padding-right:5px;
	overflow:hidden;
}

div#menuLogin dd input[type=text],
div#menuLogin dd input[type=password]
{
	width: 120px;
	height: 17px;
	border:1px solid #ffffff;
	background-color:#5a91c4;
	font-size:11px;
	color:#ffffff;
	padding:2px 0px 0px 2px;
	
}

/* STATS */
div#menuStats p
{
	padding: 15px;
	padding-top: 0;
}

/* NEW */
div#usermenu div#menuNew
{
	text-align: center;
}

/* CONTENTBODY */
div#content div.contentBody h4.header
{
	background-image: none;
	position: relative;
	font-weight: bold;
}

div.contentBody
{
	float: left;
	position: relative;
	padding: 0 12px 10px 12px;
	background-color: #ffffff;
	margin-bottom: 7px;
	width: 442px;
	color: #2e3749;
}

div.contentBody a {
	color: #2279C3;
}

div.contentBody p
{
	padding: 10px;
	padding-top: 0;
	clear: both;
}

div.contentBody hr
{
	margin-bottom: 0;
	border-color:#fff
}

div.settingsBody
{
	width: 468px;
}

div.settingsBody img.header
{
	width: 467px;
	height: 78px;
	margin-bottom: 4px;
}

div.contentBody.settings
{
	width: 442px;
}

div.contentBody.settings dl,
div.contentBody.settings dt,
div.contentBody.settings dd
{
	float: left;
}

div.contentBody.settings dt
{
	width: 105px;
	padding: 10px;
	padding-top: 0;
	color: #2279c0;
	clear:both;
}

div.contentBody.settings dd
{
	/*width: 280px;*/
	width:317px;
	padding:0px;
	padding-bottom: 10px;
	color: #000000;
}

div.contentBody.settings dd label
{
	display:block;
	margin-bottom: 5px;
}


div.contentBody.settings textarea
{
	background-color: #cbdcec;
	border-style:solid;
	border-width:1px;
	border-color:#2279c3;
}

/* INFOBODY */
div.infoBody
{
	float: left;
	width: 206px;
	left: 479px;
	top: 0;
	position: absolute;
	display: none;
}

div.infoBody.show
{
	display: block;
}

div#content div.infoBody h4.header
{
	padding-left: 17px;
	margin-left: 11px;
}

div.infoBody p
{
	padding: 0 10px 0 17px;
}

/* USERLISTS */
div.userlist {
	width: 478px;
	float: left;
	margin-bottom: 7px;
}

div.userlist div.item {
	width:228px;
	height:82px;
	float:left;
	margin-right:11px;
	margin-bottom:7px;
	position: relative;
	background-color: #ffffff;
}

div.userlist.small div.item {
	width:148px;
	height:62px;
}

div.userlist.small div.item span.photocount {
	display: none;
}

div.userlist.big div.item {
	width:467px;
	clear: both;
}

div.userlist div.item a.image {
	margin:13px 13px 4px 13px;
}

div.userlist.small div.item a.image {
	margin:4px;
	margin-top: 4px;
}

div.userlist div.item div.info {
	margin:0 6px 4px 0;
	padding-left:6px;
	overflow:hidden;
	float:left;
	width:152px;
	white-space:nowrap;
	border-left:2px solid #5796cf;
	color:#0e4879;
	line-height:17px
}

div.userlist div.info a {
	color:#0e4879;
	font-weight: bold;
	text-decoration: none;
}

div.userlist div.item div.info,
div.userlist.small div.item div.info {
	height:50px
}

div.userlist.big div.item div.info {
	width:200px;
	border-right:2px solid #5796cf;
	padding-top: 0px;
	margin-top: 6px; 
	margin-bottom: 6px; 
	height: 70px;
}

div.userlist.small div.item div.info {
	width:69px;
	border-left:none;
	padding-left:0;
	margin-right:0;
	margin-top:5px;
	font-size:10px;
	line-height:14px;
	padding-top:4px;
	height:46px
}

div.userlist div.item div.actions {
	display: none;
}

div.userlist div.button a {
	padding-top: 2px;
	color: #5796CF;
}

div.userlist.big div.item div.actions {
	display: block;
	float: left;
	width: 170px;
	margin: 0;
	margin-top: 4px;
	height: 60px;
	line-height: 17px;
	color: #5796CF;
}

div.userlist div.status {
	background: url('/assets/images/sprites/global.gif') no-repeat 10px 10px transparent;
	width: 10px;
	height: 10px;
	float: right;
	margin: 2px;
	margin-right: 5px;
}

div.userlist div.status.online {
	background-position: -50px 0;
}

div.userlist div.status.offline {
	background-position: -60px 0;
}

/* SEARCH MENU */
div.searchHeader {
	background:none no-repeat left top;
	height:78px;
	margin-bottom:7px;
	position: relative;
}

div.searchHeader,div.searchMenu {
	width:206px
}

div.searchHeader h4 {
	color:#2e3749;
	padding:63px 0 0 10px;
	height:15px
}

div.searchHeader h4 a.icon {
	margin-right:7px;
	margin-top:-1px
}

div.searchMenu {
	float:left;
	min-height:200px;
	overflow:hidden;
	margin-left:1px
}

div.searchMenu div.tab,div.searchMenu div p {
	background:#2279c3
}

div.searchMenu hr {
	border:none;
	border-bottom:1px solid #005ba8;
	height:0;
	padding-top:1px;
	float:none;
	margin:5px 8px 10px 8px;
	width:190px;
	margin-bottom:10px
}

div.searchMenu h4.header.close {
	height:5px
}

div.searchMenu div.tab {
	height: 25px; 
	margin-bottom: 7px;
}

div.searchMenu div.tab.open {
	margin-bottom: 0;
	height: auto;
}

div.searchMenu div.tab input,div.searchMenu div.tab p,div.searchMenu div.tab hr,div.searchMenu div.tab h4.header.close,div.searchMenu div.tab div,div.searchMenu div.tab.open h4 div.rb,div.searchMenu div.tab.open h4 div.lb {
	display:none
}

div.searchMenu div.tab.open h4.header.close,div.searchMenu div.tab.open hr,div.searchMenu div.tab.open p,div.searchMenu div.tab.open div,div.searchMenu div.tab h4.header div,div.searchMenu div.tab.open h4.header.close div.rb,div.searchMenu div.tab.open h4.header.close div.lb {
	display:block
}

div.searchMenu div.tab.open input {
	display:inline
}

div.searchMenu div p {
	padding:0 10px;
	margin-bottom:3px;
	color:#fff;
	line-height:130%
}

div.searchMenu select,div.searchMenu input.wide,div.searchMenu input.rwide,div.searchMenu label {
	margin:2px 0 2px 7px
}

div.searchMenu select.wide {
	width:172px
}

div.searchMenu select.rwide {
	width: 160px;
}

div.searchMenu input.wide, div.searchMenu input.rwide {
	background:#fff;
	height:17px;
	padding:2px 0 0 2px;
	border:1px solid #2c5e8b
}

div.searchMenu input.wide {
	width: 168px;
}

div.searchMenu input.rwide {
	width: 156px;
}

div.searchMenu label input[type="radio"],div.searchMenu label input[type="checkbox"] {
	margin-right:3px
}

/* NOTICES */
h4.notice {
	color: #2e3749; 
	padding: 17px 50px; 
	margin-bottom: 7px; 
	background: url('/assets/images/notice_icon.png') 10px 12px no-repeat #9ec6e8; 
	position: relative;
	width: 368px
}

div.contentBody h4.notice {
	width: 342px;
	float: left;
}

h4.notice div.lt {
	background-position: -80px 0;
}

h4.notice div.rt {
	background-position: -85px 0;
}

h4.notice div.rb {
	background-position: -85px -5px;
}

h4.notice div.lb {
	background-position: -80px -5px;
}

h4.notice.error {
	background: url('/assets/images/error_icon.png') 10px 12px no-repeat #DF484F;
	color: white;
}

h4.notice.error div.lt {
	background-position: -90px 0;
}

h4.notice.error div.rt {
	background-position: -95px 0;
}

h4.notice.error div.rb {
	background-position: -95px -5px;
}

h4.notice.error div.lb {
	background-position: -90px -5px;
}

/* UNSORTED */
select.wide
{
	width: 100%;
}

div.cockpit,
div.messages
{
	float: left;
	width: 468px;
}

iframe#queryFrame
{
	width: 0;
	height: 0;
	border: none;
	margin: 0;
}

div.tab h4.header
{
	cursor: pointer;
}

div.imghead {
	width: 467px;
	height: 78px;
	margin-bottom: 7px;
}

.hidden
{
	display: none;
	position: absolute;
	top: -999px;
	left: -999px;
}

div.favorites
{
	width: 478px; 
	float: left;
}

div.searchMenu#menuFavorites
{
	
}

div#menuFavorites div.searchHeader
{
	background-image: url('/assets/images/searchfavorites_head.jpg');
}

textarea.contact {
	width: 429px; 
	height: 100px;
	margin-bottom: 10px;
}

textarea.contact.desc {
	font-style: italic;
	color: #62738F;
}

/* BANNERS */
div.banner {
	clear:both;
}

div.banner.b468x60 {
	width: 468px;
	height: 60px;
}

iframe.banner {
	margin-bottom: 3px;
}

iframe.b206x78 {
	background:url('/assets/images/tips_empty.png') top left no-repeat #9EC6E8;
}

a.banner {
	margin: 0;
	line-height: 0;
	font-size: 0;
	padding: 0;
}

a.banner img {
	margin-bottom: 3px;
}

div.userlist iframe.banner, div.userlist object.banner, div.userlist div.banner, div.userlist img.banner {
	margin-bottom: 5px; 
	margin-left: -1px;
}

div.cockpitBanners {
	float: left; 
	margin-left: 11px;
	width: 206px;
	overflow: hidden;
}

/* VIDEO */
div.videoOverlay {
	width: 93px;
	background: url("/assets/images/video_overlay.png") no-repeat scroll 0% 0% transparent;
	height: 69px;
	padding: 10px;
	color: white;
	position: absolute;
	top: 0;
	left: 0;
}

div.videoOverlay a {
	background: url('/assets/images/video_choice.png') left 5px no-repeat transparent;
	padding-left: 10px;
	display: block;
	margin-bottom: 10px;
}

div.videoCanvas,
div#videoContainer {
	width: 320px; 
	height: 210px; 
	position: absolute; 
}

div.videoCanvas h4.header {
	width: 187px;
}

h4.videoControl {
	margin-top: -3px;
}

h4.videoControl a {
	float: right;
	width: 13px;
	height: 13px;
	background: none center center no-repeat transparent;
	margin-top: 1px;
	margin-right: 6px;
}

h4.videoControl a.play {
	background-image: url('/assets/images/video_play.png');
}

h4.videoControl a.stop {
	background-image: url('/assets/images/video_stop.png');
}

h4.videoControl a.replay {
	background-image: url('/assets/images/video_replay.png');
}