@import url(opiums.css);

body { 
	background-color: #000;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	-webkit-background-size: auto, cover;
	-moz-background-size: auto, cover;
	-o-background-size: auto, cover;
	background-size: auto, cover;
	color: #fff;
	font-family: 'Calibri', 'newCalibri', 'Arial';
	font-size: 11px;
	margin: 0;
	padding: 0;
	top: 0;
}

img {
	max-width: 100%;
}

#wrapper {
	width: 1100px;
	position: relative;
	margin: 0px auto;
}

a {color: #4A9DC1; text-decoration:none; transition:0.2s;}
a:hover {color: #ccc; transition:0.2s;}

hr { border-top: 1px solid #363636; border-bottom: 1px solid #161616; border-left: none; border-right: none; }
h1 { margin: 4px; font-size: 36px; }
h2 { margin: 3px; font-size: 30px; text-shadow: 0px 1px 6px #111; color: #f1f1f1;}
h3 { margin: 2px; font-size: 22px; }
h4 { margin: 1px; font-size: 18px; color: #71B100; }

table { font-size: 14px; }
input[type="text"] { 
	width: 234px;	
	border: 1px solid #333; 
	background-color: #181818; 
	padding-top: 9px; 
	color: #eee; 
	padding-left: 4px; 
	padding-bottom: 8px;
}

input[type="number"] { 
	width: 274px;	
	border: 1px solid #333; 
	background-color: #181818; 
	padding-top: 9px; 
	color: #eee; 
	padding-left: 4px; 
	padding-bottom: 8px;
}

input[type="email"] { 
	width: 234px;	
	border: 1px solid #333; 
	background-color: #181818; 
	padding-top: 9px; 
	color: #eee; 
	padding-left: 4px; 
	padding-bottom: 8px;
}

input[type="password"] { 
	width: 234px;	
	border: 1px solid #333; 
	background-color: #181818; 
	padding-top: 9px; 
	color: #eee; 
	padding-left: 4px; 
	padding-bottom: 8px; 
}

input[type="search"] { 
	width: 234px;	
	border: 1px solid #333; 
	background-color: #181818; 
	padding-top: 9px; 
	color: #eee; 
	padding-left: 4px; 
	padding-bottom: 8px;
}

input[type="submit"] { 
	height: 31px; 
	border:none; 
	background-color: #f1f1f1; 
	background-image:url(images/submit_bg.png);
	background-repeat:repeat-x; 
	color: #fff; 
	padding-bottom: 5px; 
	padding-left: 18px;	
	padding-right: 18px; 
	cursor:pointer; 
	padding-top: 1px; 
	margin-top: 1px;
	font-family: 'Calibri', 'newCalibri', 'Arial'; 
	text-shadow: #0C3985 1px 1px 1px;
	transition:0.2s;
}

input[type="submit"]:hover { background-image: url(images/submit_bg_hover.png) }
[disabled] { opacity: 0.5;color:#ffc; transition:0.2s; }

input[type="button"] { 
	height: 26px; 
	margin-top: 4px; 
	background-color: #f1f1f1; 
	font-size: 11px; 
	font-family: Verdana; 
	text-shadow: #0C3985 1px 1px 1px;
	background-image:url(images/submit_bg.png); 
	background-repeat:repeat-x; 
	color: #fff; 
	padding-left: 18px;	
	padding-right: 18px; 
	border: none; 
	cursor:pointer;	
	padding-bottom: 4px; 
	font-family: 'Calibri', 'newCalibri', 'Arial'; 
	transition:0.2s;
}

input[type="button"]:hover { background-image: url(images/submit_bg_hover.png) }
select { 
	width: 280px;	
	border: 1px solid #333; 
	background-color: #181818; 
	padding: 4px; 
	color: #eee; 
	height: 30px; 
	transition:0.2s;
}

textarea { 
	border: 1px solid #333; 
	background-color: #181818; 
	padding: 4px; 
	color: #eee; 
	width: 412px;
}

#logo {margin-top: 50px; transition:0.2s;}

#logo:hover { opacity: 0.85; transition:0.2s;}

#menu { 
	position: relative; 
	height: 20px;	
	background-repeat: repeat-x;
	-moz-box-shadow: 0px 0px 10px #000; 
	-webkit-box-shadow: 0px 0px 10px #000; 
	box-shadow: 0px 0px 10px #000; 
	font-size: 16px; 
	opacity: 0.78; 
	text-align: center;
	margin-left: auto; 
	margin-right: auto; 
	/*width: 90%;*/
}

#menu.floating-menu {
	position: relative;
	padding-top: 10px;
	border-radius:	0 0 20px 20px;
}

#menu.floating-menu	a{ 
	padding-left: 30px; 
	padding-right: 30px; 
	padding-top: 10px; 
	height:35px; 
	color: #fff; 
	text-align: center;
	transition:0.2s;
}

#menu.floating-menu a:hover { 
	background-color: #0060b1; 	
	text-align: center;
	transition:0.2s;
}

#menu.floating-menu a.current { 
	background-color: #000000; 
	text-align: center;
}

#leftcontent { 
	position: relative; 
	float: left; 
	width: 250px; 
	margin-top: 0em; 
	margin-right: 30px;
}

#middlecontent { 
	position: relative; 
	float: left; 
	width: 540px; 
	margin-top: 30px;
	left: 280px;
}

#rightcontent { 
	position: relative; 
	float: right; 
	width: 250px; 
	margin-top: 0em;
	margin-left: 30px;
}

#server_status {
	padding-top: 0;
}

.box_one { 
	position: fixed; 
	width: 240px; 
	background-color:#191919; 
	padding: 5px; 
	background-image: url(images/content_left_bg.png); 
	background-repeat:repeat-x;
	border: 1px solid #343434;
	-moz-box-shadow: 0px 0px 14px #000; 
	-webkit-box-shadow: 0px 0px 14px #000; 
	box-shadow: 0px 0px 14px #000; 
	float: left; opacity: 0.68;
	z-index: 80;
}

.box_one p { 
	margin: 5px 0 0 0;
}

.box_one_title { 
	position: static; 
	width: 240px; 
	height: 30px; 
	background-image:url(images/box_one_title.png); 
	background-repeat:repeat-x; 
	color: #fff;
	margin-left: -5px; 
	margin-top: -6px; 
	padding-top: 7px; 
	padding-left: 10px; 
	font-size: 15px; 
	text-shadow: 0px 1px 1px #111;
}

.box_one td { font-size: 11px; }

.box_two { 
	position: relative;
	font-size: 14px;
	float:left; 
	width: 520px; 
	padding: 10px;
	-moz-box-shadow: 0px 0px 14px #000; 
	-webkit-box-shadow: 0px 0px 14px #000; 
	box-shadow: 0px 0px 14px #000; 
	background-color: #191919; 
	background-repeat:repeat-x; 
	float:left;	
	border: 1px solid #171717; 
	opacity: 0.85;
	z-index: 80;
}

.box_two_title { 
	position: relative; 
	width: 526px; 
	height: 28px; 
	background-image:url(images/box_one_title.png); 
	color: #fff; 
	margin-left: -11px; 
	margin-top: -11px; 
	padding-top: 5px; 
	padding-left: 15px; 
	margin-bottom: 10px; 
	font-size: 18px; 
	color: #FFD31C; 
}

.base{
	position:relative;
	width:1050px;
	left:-265px;
	top:-10px;
	opacity: 1;
}

.map{
	position:relative;
	width:1002px;
	left:-238px;
	top:-10px;
	opacity: 1;
}

.atlas{
	position:relative;
	width:982px;
	left:-230px;
	top:-10px;
	opacity: 1;
}

.wowchat{
	position:fixed;
	width:90vw;
	left:5%;
	top:7%;
	opacity: 1;
}

.forum{
	position:relative;
	width:1050px;
	left:-265px;
	top:-10px;
	opacity: 1;
}

.cmd{
	width:950px;
	position:relative;
	left:-215px;
	top:-10px;
	opacity: 1;
}

.faction{
	width:930px;
	position:relative;
	left:-215px;
	top:-10px;
	opacity: 1;
}

.online{
	width:820px;
	position:relative;
	left:-140px;
	top:-10px;
	opacity: 1;
}

.online-auction{
	width:930px;
	position:relative;
	left:-180px;
	top:-10px;
	opacity: 1;
}

.voteshop{
	position:relative;
	width:1050px;
	left:-265px;
	top:-10px;
	opacity: 1;
}

.close {
	position: absolute;
	width: 32px;
	right: -20px;
	top: -20px;
	transition: 0.5s;
	z-index: 85;
}

.close:hover {
	transform: rotate(360deg);
	transition: 0.5s;
}

.get_mail {
	display: none;
	position: absolute;
	width: 24px;
	right: -10px;
	top: -10px;
	transition: 0.5s;
	opacity: 0.8;
	cursor: pointer;
	z-index: 85;
}

.get_mail:hover {
	transform: scale(1.1);
	opacity: 0.9;
	transition: 0.5s;
}

/* Footer */
#footer {
	margin-top: 5px;
	position: relative; 
	float: left; 
	width: 500px; 
	text-align:center; 
	color: #ccc; 
}

.yellow_text {color: #FFD31C;}
.red_text {color: #F82328;} 
.gray_text {color: #ccc;} 
.green_text {color: #71B100;}
.blue_text {color: #00A7F7;}

.news { 
	background-color: #252525; 
	margin-bottom: 1px; 
	margin-top: 10px;
	width: 100%;
}

.news_content img { 
	border: 1px solid #141414; 
	-moz-box-shadow: 0px 0px 14px #000; 
	-webkit-box-shadow: 0px 0px 14px #000; 
	box-shadow: 0px 0px 14px #000; 
	max-width: 500px; 
	vertical-align:top;
}

.news_comment { 
	position: relative; 
	float: left; 
	width: 100%; 
	margin: 3px; 
	min-height: 50px; 
}

.news_comment_user { 
	position: relative; 
	float: left; 
	width: 20%; 
	font-size: 18px; 
	text-align: center; 
}

.news_comment_body { 
	position: relative; 
	float: left; 
	width: 75%; 
	background-color: #212121; 
	padding: 10px;
	border: 1px solid #151515; 
}

.webformText { 
	background: transparent url(images/splash_button_right.png) no-repeat;
	background-position: right top; 
	display: block; 
	height: 36px; 
	line-height: 32px; 
	padding: 0 25px 0 75px; 
	color: white;
	font-weight: bold; 
	font-size: 15px; 
}

.splashWebformLogo { 
	display: block; 
	width: 77px; 
	height: 66px; 
	background-image: url(images/webform_letter.png); 
	top: -15px; 
	left: 0; 
	position: absolute; 
	float: left;
	cursor: pointer; 
}

.splashWebformLink a { 
	background: transparent url(images/splash_button_left.png) no-repeat;
	background-position: left top; 
	display: block; 
	padding: 0 0 0 7px; 
	position: relative; 
	transition:0.2s;
}

.splashWebformLink a:hover span.webformText { background-position: right -36px; transition:0.2s; }

.content_hider { 
	cursor:pointer; 
	color: #ccc; 
	transition:0.2s;
}

.content_hider_highlight { 
	color:#71B100; 
	cursor:pointer; 
}

.content_hider:hover { color: #FFF; transition:0.2s;}

.hidden_content {
	display: none;
	padding: 3px;
	margin: 3px; 
	position: relative; 
	float:left; 
	width: 100%;
}

.shopBox { 
	position: relative; 
	width: 505px; 
	float: left; 
	border: 1px solid #333; 
	background-color: #181818; 
	margin: 3px; 
	padding: 3px; border-radius: 1px; 
	color: #eee; 
}

#cartHolder { 
	position: absolute; 
	right: 4px; 
	height: 14px; 
	top: 5px; 
	background-color: #f1f1f1; 
	font-size: 11px; 
	background-repeat:repeat-x; 
	padding-right: 12px;
	background-image:url(images/account_func_bg.png); 
	border: 1px solid #151515; 
	padding-left: 12px;
	color: #fff; 
	cursor:pointer; 
	padding-bottom: 4px; 
	padding-top: 4px; 
	font-family: 'Calibri', 'newCalibri', 'Arial';
	transition:0.2s;
}

#cartHolder:hover { 
	text-shadow: 1px 1px 1px #333; 
	border: 1px solid #333;
	transition:0.2s;
}

#cartHead {
	height: 14px; 
	background-color: #f1f1f1; 
	font-size: 11px; 
	background-repeat:repeat-x; 
	padding-right: 12px;
	background-image:url(images/account_func_bg.png);
	border: 1px solid #151515; 
	padding-left: 12px;
	color: #fff;
	padding-bottom: 4px; 
	padding-top: 4px; 
	font-family: 'Calibri', 'newCalibri', 'Arial';
}

#cartHead th {border: 1px solid #151515;}

#cartArrow {position: absolute; display: none; right: 80px; z-index: 92; }

.charBox { 
	position: relative; 
	width: 505px; 
	float: left; 
	border: 1px solid #333; 
	background-color: #181818; 
	margin: 3px; 
	padding: 3px; 
	border-radius: 1px; 
	color: #ddd; 
	transition:0.2s;
}
.charBox:hover { 
	background-color: #252525; 
	border: 1px solid #585858; 
	transition:0.2s;
}
.charBox2 { 
	position: relative; 
	width: 505px; 
	float: left; 
	border: 1px solid #333; 
	background-color: #181818; 
	margin: 3px; 
	padding: 3px; 
	border-radius: 1px; 
	color: #ddd; 
	transition:0.2s;
}
.charBox2:hover { 
	background-color: #252525; 
	border: 1px solid #585858; 
	transition:0.2s;
}
.charBoxHighlight { 
	position: relative; 
	width: 505px; 
	float: left; 
	border: 1px solid #333; 
	background-color: #181818; 
	margin: 3px; 
	padding: 3px; 
	border-radius: 1px; 
	color: #ddd; 
	transition:0.2s;
}
.charBoxInfo { 
	position: relative; 
	width: 505px; 
	float: left; 
	border: 1px solid #333; 
	margin: 3px; 
	padding: 3px; 
	border-radius: 1px; 
}

span.attention, span.warning, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.email, span.doc, span.accept,span.vote, span.currency {
	display: block;
	padding: 8px 10px 8px 34px;
	margin: 15px 0;
}

span.attention {
	color: #333;
	border: 1px solid #a8a8a8;
	background: #ccc url(../global/images/typo/attention.png) 10px 50% no-repeat;
}

span.attention a{
	color: #333; 
	text-decoration:none; 
	font-weight:bold;
}

span.warning a{
	color: #648434;
	text-decoration:none; 
	font-weight:bold;
}

span.warning {
	color: #CF3738;
	border: 1px solid #FFACAD;
	background: #FFD5D5 url(../global/images/typo/warning.png) 10px 50% no-repeat;
}

span.notice {
	color: #648434;
	border: 1px solid #9BCC54;
	background: #CDEFA6 url(../global/images/typo/notice.png) 10px 50% no-repeat;
}

span.notice a{color: #648434;}
span.alert {
	color: #CF3738;
	border: 1px solid #FFACAD;
	background: #FFD5D5 url(../global/images/typo/alert.png) 10px 50% no-repeat;
}

span.download {
	color: #1C6B8B;
	border: 1px solid #6ABCE2;
	background: #A8CDE3 url(../global/images/typo/download.png) 10px 50% no-repeat;
}

span.download a{color: #1C6B8B;}
span.approved {
	color: #333;
	border: 1px solid #a8a8a8;
	background: #ccc url(../global/images/typo/approved.png) 10px 50% no-repeat;
}

span.media {
	color: #C76E34;
	border: 1px solid #FFBB65;
	background: #FFE0B6 url(../global/images/typo/media.png) 10px 50% no-repeat;
}

span.note {
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 url(../global/images/typo/note.png) 10px 50% no-repeat;
}

span.cart {
	color: #333;
	border: 1px solid #C5C5C5;
	background: #E6E6E6 url(../global/images/typo/cart.png) 10px 50% no-repeat;
}

span.email {
	color: #333;
	border: 1px solid #C5C5C5;
	background: #E6E6E6 url(../global/images/typo/email.png) 10px 50% no-repeat;
}

span.doc {
	color: #C76E34;
	border: 1px solid #FFBB65;
	background: #FFE0B6 url(../global/images/typo/doc.png) 10px 50% no-repeat;
}

span.doc a{
	color: #C76E34; 
	font-weight:bold; 
	text-decoration:none;
}

span.accept{
	color: #648434; 
	border: 1px solid #9BCC54; 
	background: #CDEFA6 url(../global/images/typo/accept.png) 10px 50% no-repeat;
}

span.currency {
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 url(../global/images/typo/coins.png) 10px 50% no-repeat;
}

span.moreinfo {
	color: #FFF;
	border: 1px solid #0C1B2E;
	background-image: url(../global/images/moreinfo.png); 
	background-repeat: repeat-x;
	display: block;
	padding: 4px 3px 5px 6px;
	margin: 5px 0; 
	cursor:pointer;
	transition:0.2s;
}

span.vote {
	color: #B79000;
	border: 1px solid #1D73A7;
	background: #85B3FE;
}

span.moreinfo:hover { opacity:0.78; transition:0.2s; }

.account_func { 
	position: relative; 
	float:left; 
	width:133px; 
	padding-left: 20px; 
	padding-right: 20px; 
	color: #ddd; 
	background-image:url(images/account_func_bg.png);
	background-repeat:repeat-x; 
	border: 1px solid #343434; 
	height: 27px; 
	font-size: 12px; 
	padding-top: 12px; 
	cursor:pointer; 
	margin-bottom: -1px;
	margin-left: -1px;	 
	transition:0.2s;
}

.account_func:hover { color: #71B100; transition:0.2s; }

#account_func_placeholder { 
	width: 540px; 
	text-align:center; 
}

.account_func_highlight { 
	position: relative; 
	padding-left: 40px; 
	padding-right: 40px; 
	color: #71B100; 
	background-image:url(images/account_func_bg_hover.png);
	background-repeat:repeat-x; 
	border: 1px solid #343434; 
	height: 32px; 
	font-size: 15px; 
	padding-top: 11px; 
	cursor:pointer;
	-moz-box-shadow: 0px 0px 14px #000; 
	-webkit-box-shadow: 0px 0px 14px #000; 
	box-shadow: 0px 0px 14px #000 
}

.account_selected {
	color: #71B100;
}

.service { 
	position:relative;
	float:left;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 250px;
	height: auto;
	margin: 1px;
	color: #999;
	text-align: left;
	font-size: 11px;
	transition:0.2s;
}

#guides_content .service {
	width: 247px;
	height: 41px;
	padding-right: 5px;
}

.service-full { 
	position:relative; 
	float:left; 
	padding-bottom: 5px; 
	padding-top: 5px;
	width: 500px; 
	height: auto;
	margin: 1px; 
	color: #fff;
	text-align: left; 
	font-size: 11px;
}

.service:hover{ 
	background-color:#252525; 
	cursor:pointer; 
	transition:0.2s;
}

.service_icon { 
	position: relative; 
	float:left; 
	height: 35px; 
	width: 45px; 
	/*background-image: url(images/services.png);*/
	margin-left: 10px;
	padding-top: 6px;
}

.service h3 { 
	font-size: 14px;
	padding-left: -5px; 
}

.leftbtn { 
	float: left; 
	width: 113px; 
	margin-left: 3px; 
	margin-right: 3px; 
}

#popup { 
	position: absolute;
	width: 560px; 
	z-index: 100; 
	display:none;
}

#popup_title { 
	position: relative; 
	width: 550px; 
	height: 43px; 
	background-image: url(images/topBar.png); 
	background-repeat:no-repeat; 
	padding-top: 9px; 
	padding-left: 10px; 
	font-size: 18px; 
	z-index: 100; 
}

#popup_body { 
	position: relative;
	width: 540px; 
	min-height: 40px;
	background-color:#1E1E1E; 
	padding-left: 10px;
	padding-bottom: 5px; 
	padding-right: 10px; 
	margin-top: -1px; 
	text-align: center; 
	z-index: 100; 
}

#popup_bottom { 
	position: relative; 
	width: 560px; 
	height: 66px; 
	/*background-image: url(images/botBar.png); 
	background-repeat:no-repeat;*/
	z-index: 100; 
}

#popup_close { 
	position: absolute; 
	top: 9px; 
	right: 10px; 
	height: 17px; 
	width: 17px; 
	background-image:url(images/close.png); 
	background-repeat:no-repeat; 
	cursor:pointer; 
	opacity: 0.7; 
	z-index: 100; 
	transition:0.2s;
}

#popup_close:hover { opacity: 1; transition:0.2s; }

#popup input[type="button"] { 
	height: 36px; 
	background-image:url(images/popupCloseBtn.png); 
	background-repeat:repeat-x;
	color: #ddd; 
	border: 1px solid #3A3A3A; 
	text-shadow: none; 
	opacity: 0.95;
	transition:0.2s;
}

#popup input[type="button"]:hover { 
	opacity: 1; 
	border: 1px solid #5A5A5A;
	transition:0.2s;
}

#popup_close_button { 
	height: 36px; 
	background-image:url(images/popupCloseBtn.png); 
	background-repeat:repeat-x;
	color: #ddd; 
	border: 1px solid #3A3A3A; 
	text-shadow: none; 
	opacity: 0.95; 
	z-index: 100;
	transition:0.2s;
}

#popup_close_button:hover { 
	opacity: 1; 
	border: 1px solid #5A5A5A;
	transition:0.2s;
}

#raf_box { 
	width: 505px; 
	height: 14px; 
	border: 1px solid #333; 
	background-color: #181818; 
	color: #ddd;
	padding: 6px; 
	padding-top: 8px; 
	transition:0.2s;
}

#raf_box:hover { border: 1px solid #FFD31C; transition:0.2s; }

/*Slider*/
.main_view {
	float: left; 
	width: 530px;
	position: relative; 
	background-color:#1E1E1E; 
	padding: 5px; 
	margin-bottom: 20px; 
	background-repeat:repeat-x;
	border: 1px solid #343434;
	-moz-box-shadow: 0px 0px 14px #000; 
	-webkit-box-shadow: 0px 0px 14px #000; 
	box-shadow: 0px 0px 14px #000;
}

.window { 
	height:190px;	
	width: 530px; 
	overflow: hidden; 
	position: relative; 
}

.image_reel { 
	position: absolute; 
	top: 0; 
	left: 0; 
}

.image_reel img {float: left;}

.paging { 
	position: absolute; 
	bottom: 0px; 
	right: -37px; 
	width: 178px; 
	height:47px;
	z-index: 100000; 
	text-align: center; 
	line-height: 40px; 
	display: none;
	text-shadow: 1px 1px 0px #000; 
}

.paging a { 
	padding: 5px; 
	text-decoration: none; 
	color: #fff; 
	transition:0.2s;
}

.paging a.active { 
	font-weight: bold; 
	background: #0072A8; 
	border: 1px solid #00496C; 
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	transition:0.2s;
}

.paging a:hover {font-weight: bold; transition:0.2s;}

.votelink { 
	position: relative; 
	float: left; 
	width: 530px; 
}

.srv_status_po { 
	position: relative; 
	width: 240px; 
	height: 19px; 
	border: 1px solid #151515; 
	overflow:hidden; 
}

.srv_status_po_alliance { 
	position:relative; 
	float:left; 
	height: 20px; 
	background-image:url(images/srv_status_alliance.png); 
	background-repeat:no-repeat;
}

.srv_status_po_horde { 
	position:relative; 
	float:left; 
	height: 20px; 
	background-image:url(images/srv_status_horde.png); 
	background-repeat:no-repeat;
}

.srv_status_text {
	position: absolute; 
	width: 100%; 
	height: 20px; 
	padding-top: 3px; 
	display:none; 
	text-align: center; 
	color: #ccc; 
	display:none; 
	text-shadow: 1px 1px 1px #111; 
	opacity: 0.7; 
	cursor: default;
}

.realm_status_text {color: #fff; }
#realmlist,#realmlist2 { color: #FFD31C; }

.slider-wrapper { 
	width: 530px; 
	height: 190px;
	margin: 0 auto;
}

.theme-default #slider {
	margin:0 auto;
}

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(images/loading.gif) no-repeat 50% 50%;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	z-index:10 !important;
	text-align: center;
	padding: 20px 0;
	position:relative;
	margin-top: -40px;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
	font-family: Helvetica, Arial, sans-serif;
	transition:0.2s;
}
.theme-default .nivo-caption a {
	color:#fff;
	border-bottom:1px dotted #fff;
	transition:0.2s;
}
.theme-default .nivo-caption a:hover {
	color:#fff;
	transition:0.2s;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}

/*Nivo Slider*/
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;	/* Firefox, other Gecko */
	box-sizing: border-box;		 /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
	display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/* Eye pass */
#eye {
	position: relative;
	width: 1em;
	top: -1.65em;
	left: 15em;
	cursor: pointer;
	opacity: 0.8;
	transition: 0.3s;
}
#eye:hover {
	transform: scale(1.2);
	opacity: 1;
	transition: 0.3s;
}
/* vote box */
.votebox ul {
	text-align: justify;
	line-height: 0;
	margin: 5px 0 0 0;
	-webkit-padding-start: 0px;
	-moz-padding-start: 0px;
	/* Opera Presto */
	font-size: 1px;
	/* IE6-7 */
	text-justify: newspaper; 
	zoom: 1;
	text-align-last: justify;
}
.votebox ul:after {
	width: 100%;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
	content: "";
	display: inline-block;
}
.votebox ul li	{
	display: inline-block;
	text-align: left;
	line-height: normal;
	font-size: 14px;
	/* Opera Presto */
	vertical-align: top;
	/* IE6-7 */
	//display : inline;
	//zoom : 1;
}
.votebox img {
	max-width: 78px;
}

#cqlist .text-center {
	display: block;
	text-align: center;
	margin: 0 auto;
}

#guides, #rules {
	text-align: justify;
	font-size: 14px;
	padding-top: 1px;
	color: #fff;
}