/*
#WIPRULER { 
	background: url('http://static.webispink.com/w/img/header/ruler.png') repeat-x !important; 
	text-align: right !important;
}
*/

#PAGE {
	min-height: 250px;
	background: url('http://static.webispink.com/w/img/backgrounds/page-gradient.png') repeat-x;
	padding-top: 8px;
}

/*******************************************************************************************************************************/
/** HEADER *********************************************************************************************************************/
/*******************************************************************************************************************************/

#HEADER {
	background: url('http://static.webispink.com/w/img/backgrounds/background-menu.png') repeat-x #363636 !important;
	background-position: left bottom !important;
	color: #ccc !important;
	display: block !important;
	visibility: visible !important;
	position: relative !important;
	z-index: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
}


#HEADERLEFT A,
#HEADERRIGHT A {
	display: block !important;
	visibility: visible !important;
	border: none !important;
}
#HEADERLEFT IMG,
#HEADERRIGHT IMG {
	display: block !important;
	visibility: visible !important;
	border: none !important;
}

/*******************************************************************************************************************************/
/** MENU ***********************************************************************************************************************/
/*******************************************************************************************************************************/

#HEADERLEFT {
	display: block !important;
	visibility: visible !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 99%;
	z-index: 10 !important;
}

#HEADERMENU {
	height: 47px;
	
	padding-left: 10px;
}

#HEADERLEFT .menuitem_off A,
#HEADERLEFT .menuitem_on A {
	color: #aaa;
	background: #222;
	-webkit-border-radius: 4px;
	-moz-border-radius: 5px;

	-webkit-box-shadow: 0 1px 2px #111;
	-moz-box-shadow: 0 1px 2px #111;
	
	
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-transform: lowercase;
	text-decoration: none;

	display: block;
	padding: 5px 8px 4px 8px;
}

#HEADERLEFT .menuitem_on A {
	color: #ddd;
	background: #111;


	font-weight: bold;
}

#HEADERLEFT .menuitem_off A:hover,
#HEADERLEFT .menuitem_on A:hover {
	color: #fff;
	background: #000;

}

/*******************************************************************************************************************************/
/** AD *************************************************************************************************************************/
/*******************************************************************************************************************************/

#HEADERAD {
}

/*******************************************************************************************************************************/
/** AVATARS ********************************************************************************************************************/
/*******************************************************************************************************************************/

#HEADERRIGHT .HEADERAVATAR {
	width: 47px !important;
	height: 47px !important;
}
#HEADERAVATAR0 {
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	z-index: 90 !important;
}
#HEADERAVATAR1 {
	position: absolute !important;
	right: 44px !important;
	top: 0 !important;
	z-index: 91 !important;
}
#HEADERAVATAR2 {
	position: absolute !important;
	right: 88px !important;
	top: 0 !important;
	z-index: 92 !important;
}
#HEADERAVATAR3 {
	position: absolute !important;
	right: 132px !important;
	top: 0 !important;
	z-index: 93 !important;
}
#HEADERAVATAR4 {
	position: absolute !important;
	right: 176px !important;
	top: 0 !important;
	z-index: 94 !important;
}
#HEADERAVATAR5 {
	position: absolute !important;
	right: 220px !important;
	top: 0 !important;
	z-index: 95 !important;
}

#HEADERRIGHT .headeravatarpic {
	position: absolute !important;
	right: 4px !important;
	top: 3px !important;
	z-index: 15 !important;
	border: solid 1px #666 !important;
	/*
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	*/
	-webkit-box-shadow: 0 1px 3px #333;
	-moz-box-shadow: 0 1px 3px #333;
}
#HEADERRIGHT .headeravataroverlay {
	background: url('http://static.webispink.com/w/img/header/avatar-overlay.png') no-repeat !important;
	position: absolute !important;
	right: 4px !important;
	top: 3px !important;
	width: 48px !important;
	height: 48px !important;
	z-index: 16 !important;
}
#HEADERRIGHT .headeravatarstatus {
	position: absolute !important;
	right: 6px !important;
	bottom: 6px !important;
	z-index: 17 !important;
}
#HEADERRIGHT .headeravatarbubble {
	position: absolute !important;
	right: 5px !important;
	top: 4px !important;
	z-index: 18 !important;
	/*border: solid 1px #fff !important;*/
}
#HEADERRIGHT .headeravatarbubbleanim {
	position: absolute !important;
	right: 5px !important;
	top: 4px !important;
	z-index: 19 !important;
	/*border: solid 1px #fff !important;*/
}

/*******************************************************************************************************************************/
/** NOTICES ********************************************************************************************************************/
/*******************************************************************************************************************************/

#HEADERRIGHT .HEADERNOTICE {
	width: 32px;
	height: 32px;
}
#HEADERNOTICE1 {
	position: absolute !important;
	right: 52px !important;
	top: 8px !important;
	z-index: 91 !important;
}
#HEADERNOTICE2 {
	position: absolute !important;
	right: 96px !important;
	top: 8px !important;
	z-index: 92 !important;
}
#HEADERNOTICE3 {
	position: absolute !important;
	right: 140px !important;
	top: 8px !important;
	z-index: 93 !important;
}
#HEADERNOTICE4 {
	position: absolute !important;
	right: 184px !important;
	top: 8px !important;
	z-index: 94 !important;
}
#HEADERNOTICE5 {
	position: absolute !important;
	right: 228px !important;
	top: 8px !important;
	z-index: 95 !important;
}
#HEADERNOTICE6 {
	position: absolute !important;
	right: 272px !important;
	top: 8px !important;
	z-index: 96 !important;
}

#HEADERRIGHT .headernoticeimage a {
	position: relative !important;
	z-index: 99999 !important;
}

/*******************************************************************************************************************************/
/** AVATAR MENUS ***************************************************************************************************************/
/*******************************************************************************************************************************/

#HEADERRIGHT .HEADERAVATARMENU {
	width: 214px;
	overflow: hidden;
}
#HEADERAVATARMENU0 {
	position: absolute !important;
	width: 210px !important;
	right: 0 !important;
	top: 38px !important;
	z-index: 9999 !important;
}
#HEADERAVATARMENU1 {
	position: absolute !important;
	right: 40px !important;
	top: 38px !important;
	z-index: 9999 !important;
}
#HEADERAVATARMENU2 {
	position: absolute !important;
	right: 84px !important;
	top: 38px !important;
	z-index: 9999 !important;
}
#HEADERAVATARMENU3 {
	position: absolute !important;
	right: 128px !important;
	top: 38px !important;
	z-index: 9999 !important;
}
#HEADERAVATARMENU4 {
	position: absolute !important;
	right: 172px !important;
	top: 38px !important;
	z-index: 9999 !important;
}
#HEADERAVATARMENU5 {
	position: absolute !important;
	right: 216px !important;
	top: 38px !important;
	z-index: 9999 !important;
}


#HEADERRIGHT .HEADERAVATARMENUHEADER {
	background: url('http://static.webispink.com/w/img/overlays/overlay-menu.png') no-repeat;
	
	font-weight: normal;
	font-style: normal;
	text-align: center;

	padding: 0 7px;
}
#HEADERRIGHT .HEADERAVATARMENUHEADER p {
	margin: 0;
	padding: 0;
}
#HEADERRIGHT .HEADERAVATARMENUHEADER p.headeravatarlogin a {
	display: block;
	width: 200px;
	overflow: hidden;
	
	color: #000;
	font-size: 16px;
	text-decoration: none;
	
	padding: 21px 0 6px 0;
}
#HEADERRIGHT .HEADERAVATARMENUHEADER p.headernoticetext a {
	display: block;
	
	color: #333;
	font-size: 12px;
	text-decoration: none;
	
	padding: 20px 0 7px 0;
}


#HEADERRIGHT .HEADERAVATARMENUCONTENTS div.headeravatarmenusep {
	width: 198px;
	height: 1px;
	
	background: #c2c2c2;
	border-bottom: solid 1px #fafafa;
}


#HEADERRIGHT .HEADERAVATARMENUCONTENTS {
	background: url('http://static.webispink.com/w/img/overlays/overlay-menu.png') no-repeat;
	background-position: left bottom;

	color: #ccc;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	
	padding: 0 7px;
	padding-bottom: 12px;
}
#HEADERRIGHT .HEADERAVATARMENUCONTENTS p {
	width: 200px;
	overflow: hidden;
	
	margin: 0;
	padding: 0;
}
#HEADERRIGHT .HEADERAVATARMENUCONTENTS a {
	display: block;
	
	color: #555;
	text-decoration: none;
	
	padding: 4px 0;
}
#HEADERRIGHT .HEADERAVATARMENUCONTENTS a:hover {
	color: #000;
	text-decoration: underline;
}


#HEADERRIGHT .HEADERAVATARMENUCONTENTS div.headeravatareditstatus {
	padding: 4px 4px 5px 4px;
}
#HEADERRIGHT .HEADERAVATARMENUCONTENTS p.headeravatareditstatus {
	width: auto;
	background: #fff;
	border: solid 1px #cfcfcf;
	padding: 2px 3px;
}
#HEADERRIGHT .HEADERAVATARMENUCONTENTS p.headeravatareditstatus a,
#HEADERRIGHT .HEADERAVATARMENUCONTENTS p.headeravatareditstatus textarea {
	color: #666;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	line-height: 14px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#HEADERRIGHT .HEADERAVATARMENUCONTENTS p.headeravatareditstatus textarea {
	width: 100%;
	background: none;
	border: none;
}
#HEADERRIGHT .HEADERAVATARMENUCONTENTS p.headeravatareditstatus form {
	margin: 0;
	padding: 0;
}
#HEADERRIGHT .HEADERAVATARMENUCONTENTS p.headeravatareditstatus table {
	margin-top: 3px;
}
#HEADERRIGHT .HEADERAVATARMENUCONTENTS p.headeravatareditstatus table a {
	font-size: 10px;
	
	margin: 0;
	padding: 0;
}


#HEADERRIGHT .HEADERAVATARMENUCONTENTS div.headeravatarmenumoods {
	padding: 3px 0;
}
#HEADERRIGHT .HEADERAVATARMENUCONTENTS div.headeravatarmenumoods a {
	font-size: 12px; 
	padding: 4px 0;
	padding-left: 27px;
}
#HEADERRIGHT .HEADERAVATARMENUCONTENTS p.headeravataritemon a {
	color: #333;
	background: url('http://static.webispink.com/w/img/headeravatarmenu/on.png') no-repeat;
	background-position: 7px 50%;
}
#HEADERRIGHT .HEADERAVATARMENUCONTENTS p.headeravataritemoff a {
	color: #999;
	background: url('http://static.webispink.com/w/img/headeravatarmenu/off.png') no-repeat;
	background-position: 7px 50%;
}


#HEADERRIGHT .HEADERAVATARMENUCONTENTS p.headeravatarcommand a {
	color: #222;
	
	font-size: 14px; 
	padding: 6px 0 6px 8px;
}


#HEADERRIGHT .HEADERAVATARMENUCONTENTS p.headernoticetext a {
	color: #222;
	
	font-size: 13px; 
	padding: 6px 8px 6px 8px;
}