html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th{margin:0;padding:0;border:0;outline:0;font-size:100%;/*vertical-align:baseline;*/background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}/* UNIVERSAL TEXT STYLES -------------------------------------------------- */

body.mac.webkit * {
	text-rendering: optimizeLegibility;
}
body,
input,
textarea {
	font-family: Verdana, "Bitsream Vera Sans", sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 19px;
	letter-spacing: 0px;
	color: #555555;
}

::selection {
	color: #fff !important;
	background-color: #ff1e72 !important;
}
::-moz-selection {
	color: #fff;
	background-color: #ff1e72 !important;
}

/* LINKS ------------------------------------------------------------------- */

a {
	text-decoration: none;
	outline: none;
	color: #2855A2;
}
a:hover,
a:active {
	color: #ff1e72;
}


/* PAGE TITLE ------------------------------------------------------------- */

div.tabbed_heading h1 {
	margin: 0px 0px 8px;
	padding: 22px 0px 0px 21px;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	height: 30px;
	letter-spacing: -1px;
	color: #ff1e72;
	text-shadow: 0px 1px 0px #fff;
}
div.tabbed_heading h1.gray {
	color: #bbb;
}


/* BLUE CAP ---------------------------------------------------------------- */

h4.blue_cap {
	background: #d5e1ed;
	border: 1px solid #d5e1ed;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #b8cadd;
	display: block;
	width: auto;
	height: 30px;
	margin: 0px;
	overflow: hidden;
	padding: 0px 8px;
	font-size: 12px;
	font-weight: bold;
	line-height: 31px;
	text-shadow: 0px 1px 0px #fff;
	cursor: default;
	color: #2855A2;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	
	
	background: -moz-linear-gradient(top, #e3ebf3 0%, #d5e1ed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3ebf3), color-stop(100%,#d5e1ed));
	background: -webkit-linear-gradient(top, #e3ebf3 0%,#d5e1ed 100%);
	background: -o-linear-gradient(top, #e3ebf3 0%,#d5e1ed 100%);
	background: -ms-linear-gradient(top, #e3ebf3 0%,#d5e1ed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ebf3', endColorstr='#d5e1ed',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ebf3', endColorstr='#d5e1ed',GradientType=0 );
	background: linear-gradient(top, #e3ebf3 0%,#d5e1ed 100%);
			
}
body.ie9 h4.blue_cap {
	border-radius: 0;
}
body.firefox h4.blue_cap {
	line-height: 30px;
}
h4.blue_cap a {
	display: block;
	cursor: pointer;
}
h4.blue_cap a:hover {
	color: #183B62;
}/* GENERAL LAYOUT ---------------------------------------------------------- */

html {
	height: 100%;
	width: 100%;
}
body {
	background: #2855a2;
	border: none !important;
	height: 100%;
	width: 100%;
}

/* LOGO -------------------------------------------------------------------- */

p#logo {
	margin: 0;
	height: 43px;
	position: relative;
	overflow: visible;
	width: 184px;
	top: 22px;
}
p#logo a {
	display: block;
	position: relative;
	width: 100%;
	height: 43px;
	margin: 0;
	padding: 12px 0;
	background: url(http://akcdn.okccdn.com/media/img/template/2012/logo.png) center center no-repeat;
	text-indent: -9999px;
	text-align: left;
	outline: none;
}
p#logo a span.takemehome {
	position: absolute;

	text-indent: -9999px;
	text-align: left;
	background: url(http://akcdn.okccdn.com/media/img/template/2012/header_icons.png) 0px -44px no-repeat;
	width: 108px;
	height: 24px;
	bottom: 54px;
	left: 93px;

	opacity: 0;
	visibility: hidden;

	-webkit-transition: visibility 0ms linear 100ms, opacity 100ms ease-in 0ms;
	-moz-transition: visibility 0ms linear 100ms, opacity 100ms ease-in 0ms;
	-ms-transition: visibility 0ms linear 100ms, opacity 100ms ease-in 0ms;
	-o-transition: visibility 0ms linear 100ms, opacity 100ms ease-in 0ms;
	
}
p#logo a:hover span.takemehome {
	opacity: 1;
	visibility: visible;
	-webkit-transition: visibility 0ms linear 0ms, opacity 200ms ease-in 0ms;
	-moz-transition: visibility 0ms linear 0ms, opacity 200ms ease-in 0ms;
	-ms-transition: visibility 0ms linear 0ms, opacity 200ms ease-in 0ms;
	-o-transition: visibility 0ms linear 0ms, opacity 200ms ease-in 0ms;
	
}

/* Header ------------------------------------------------------------------ */

#header {
	margin: 0;
	position: relative;
	width: 964px;
	height: 43px;
	z-index: 200;
}
#header div.grid_13 {
	margin: 0;
	padding: 50px 5px 0px 5px;
	width: 770px;
	position: relative;
}
#header a#template_alist {
	background: url(http://akcdn.okccdn.com/media/img/alist/alist_template.png) no-repeat 0px 0px;
	display: block;
	font-size: 0em;
	height: 15px;
	left: 185px;
	position: absolute;
	text-indent: -999px;
	top: 11px;
	width: 58px;
	z-index: 999;

	/* turn off for now */
	display: none;
}

/* LAYOUT ------------------------------------------------------------------ */

body.shell,
#body_wrapper {
	width: 100%;
}
#wrapper {
	clear: both;
	width: 964px;
	margin: 0 auto;
}
#page {
	margin: 0px;
	width: 964px;
}
body.expanded #wrapper,
body.expanded #page {
	width: 1148px;
}
#main_content {
	float: left;
	background: #F6F6F6;
	border-top: 1px solid #fff;
	min-height: 500px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
	position: relative;
}
body.logged_out #main_content { 
	min-height: 735px !important;
}
#main_content.grid_13 { width: 780px; } /* main_content with left_bar */



/* FOOTER ------------------------------------------------------------------ */

#footer {
	padding: 0 0 40px 184px;
	margin: 5px auto -39px auto;
	position: relative;
	z-index: 201;
	width: 780px;
}
body.expanded #footer {
	padding: 0 0 40px;
}
#footer h6 {
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 11px;
}
#footer ul#footer_nav {
	height: 18px;
	font-size: 11px;
	line-height: 18px;
	padding: 1px 0 0;
	margin: 0 0 0 -1px;
}
#footer ul#footer_nav li {
	float: left;
	display: block;
	padding: 0;
	color: #5a87d6;
	font-weight: normal;
}
#footer ul#footer_nav li a {
	display: block;
	margin: 0px;
	padding: 0 12px 0 0;
	font-weight: normal;
	color: #96b7ff;
}
#footer ul#footer_nav li a:hover {
	color: #fff;
}
#footer div#copyright {
	color: #5a87db;
	font-size: 11px;
	line-height: 18px;
	margin: 0 0 0 -1px;
}

/* mobile links */
#footer div#mobile_links {
	position: relative;
	float: right;
	height: 38px;
}
#footer div#mobile_links a.links,
#footer div#mobile_links a.links span {
	display: block;
	width: 75px;
	height: 24px;
	text-align: left;
	text-indent: -9999px;
}
#footer div#mobile_links a.links {
	padding: 7px 0 7px 25px;
}
#footer div#mobile_links a.links:hover {
	cursor: default;
}
#footer div#mobile_links a.links span {
	background: url(http://akcdn.okccdn.com/media/img/icons/footer.png) 0px 0px no-repeat;
}
#footer div#mobile_links a.links:hover span,
#footer div#mobile_links.visible a.links span {
	background-position: 0px -24px;
}
#footer div#mobile_links_box {
	width: 280px;
	height: 56px;

	position: absolute;
	bottom: -4px;
	right: 98px;

	background: #f9f9f9;
	border: 1px solid #fff;
	padding: 11px 11px 10px;

	font-size: 11px;
	line-height: 15px;

	opacity: 0;
	visibility: hidden;

	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	
	box-shadow: 0 5px 25px rgba(0, 0, 0, .45);;
	-moz-box-shadow: 0 5px 25px rgba(0, 0, 0, .45);;
	-webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, .45);;
	
	-webkit-transition: visibility 0s linear 100ms, opacity 100ms ease-in 0ms;
	-moz-transition: visibility 0s linear 100ms, opacity 100ms ease-in 0ms;
	-ms-transition: visibility 0s linear 100ms, opacity 100ms ease-in 0ms;
	-o-transition: visibility 0s linear 100ms, opacity 100ms ease-in 0ms;
	
}
#footer div#mobile_links_box.visible {
	opacity: 1;
	visibility: visible;

    -webkit-transition: opacity 0ms;
	-moz-transition: opacity 0ms;
	-ms-transition: opacity 0ms;
	-o-transition: opacity 0ms;
	

}
#footer div#mobile_links_box ul {
	margin: 2px 0 5px;
	padding: 0;
}
#footer div#mobile_links_box a {
	display: block;
	color: #4173d2;
}
#footer div#mobile_links_box a:hover {
	color: #ff1e72
}
#footer div#mobile_links_box p {
	color: #bbb;
	margin: 0;
}
#footer div#mobile_links_box span {
	display: block;
	text-align: left;
	text-indent: -9999px;
}
#footer div#mobile_links_box span.icon {
	float: left;
	width: 55px;
	height: 56px;
	background: url(http://akcdn.okccdn.com/media/img/icons/footer.png) -75px 0px no-repeat;
	margin: 0 11px 0 0;
}
#footer div#mobile_links_box span.tail {
	position: absolute;
	width: 11px;
	height: 19px;
	background: url(http://akcdn.okccdn.com/media/img/icons/footer.png) -130px -18px no-repeat;
	right: -11px;
	bottom: 13px;
}

/* guest footer -------------------------------------------------------------- */

#footer div.footer_links {
	margin-top: 25px;
}
#footer div.footer_links h3,
#footer div.footer_links li {
	font-size: 10px;
	line-height: 16px;
}
#footer div.footer_links ul {
	list-style: none;
}
#footer div.footer_links li {
	display: inline;
	padding: 0 10px 0 0;
	line-height: 13px;
}
#footer div.footer_links li a {
	color: #5a87db;
}
#footer div#guest_footer {
	color: #5a87db;
}
#footer div#guest_footer h3{
	margin: 0 0 2px;
}
#footer div#guest_footer ul li{
	float: left;
	line-height: 14px;
}
#footer div#guest_footer ul li a:hover{
	color: #9CBEF5;
}



#footer div#footer_covers_left,
#footer div#footer_covers_right {
	display: none;
}

/* bad ads overlay --------------------------------------------------- */

#bad_ads_overlay{
    position: fixed;
    top: 230px;
    left: 110px;
    right: 110px;
    width: 554px;
    z-index: 5000;
    margin: 0 auto;
}
#bad_ads_overlay .container{
    padding: 15px 15px 0 15px;
}
#bad_ads_overlay h2.title{
    margin: -15px -15px 0 -15px;
}
#bad_ads_overlay p{
    color: #777;
    float: left;
    margin-right: 5px !important;
}
#bad_ads_overlay textarea{
    width: 518px;
    border: 1px solid #DDD;
}
#bad_ads_overlay .bad_ads_divider{
    clear: both;
    margin: 0;
    padding: 15px 0;
    font-size: 11px;
    border-bottom: 1px solid #DDD;
}
#bad_ads_overlay p#bad_ad_thanks{
    margin-top: -13px;
    margin-left: -15px;
    width: 538px;
    background-color: white;
    padding-left: 16px;
    margin-bottom: 1px;
    padding-bottom: 2px;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}
#bad_ads_overlay div.buttons{
    padding: 8px 15px 8px 15px;
    bottom: 0;
    width: 524px;
    background: white;
    border-top: 1px solid #DDD;
    margin: -1px 0 0 -15px !important;
    overflow: hidden !important;
}
#bad_ads_overlay div.buttons .btn.small{
    width: 120px;
    clear: none;
    padding-left: 0px;
}
#bad_ads_overlay div.buttons {
	border-top: 1px solid #ddd;
	background: #fff;
	margin: 20px -15px -15px;
	padding: 8px 15px;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	
}
#footer div.bottom_ad {
	margin: 40px auto 0;
	margin: 40px auto 0;
	width: 728px;
	height: 90px;
	background: #333;
	overflow: hidden;
}

/* Mobile notes --------------------------------------------------------------- */

p#mobile_note { margin: 0; }
p#mobile_note a {
	display: block;
	background: #222;
	padding: 10px;
	text-align: center;
	color: #f83562;
	border-top: 1px solid #000;
}

/* Fancy inputs -------------------------------------------------------------- */

.fancy_input {
	display: block;	
	position: relative;
}
.fancy_input input,
.fancy_input label,
.fancy_input .input_background {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
	text-align: left;
}
.fancy_input input,
.fancy_input label {
	height: 100%;
	width: 100%;
}
.fancy_input input {
	border: 0;
	background: transparent;
	z-index: 100;
	-webkit-font-smoothing: antialiased;
}
.fancy_input label {
	cursor: text;
	z-index: 50;
	width: auto;
}
.fancy_input .textwidth {
	position: absolute;
	display: inline-block;
	visibility: hidden;
	whitespace: no-wrap;
}
.fancy_input .input_background {
	z-index: 0;
}

/* Fancy search -------------------------------------------------------------- */

div.fancy_search.fancy_input {
	width: 100px;
	height: 26px;
	-webkit-transition: width 100ms linear 0s;
	-moz-transition: width 100ms linear 0s;
	-ms-transition: width 100ms linear 0s;
	-o-transition: width 100ms linear 0s;
	
}
div.fancy_search.fancy_input input,
div.fancy_search.fancy_input label {
	line-height: 16px;
	height: 16px;
	color: #fff;
	left: 10px;
	right: 33px;
	margin: 5px 0;
	text-shadow: 0 1px 0 #aaa;
}
div.fancy_search.fancy_input input,
div.fancy_search.fancy_input label,
div.fancy_search.fancy_input div.textwidth {
	font-size: 12px;
}
div.fancy_search.fancy_input input,
div.fancy_search.fancy_input div.textwidth {
	font-weight:bold;
}
div.fancy_search.fancy_input.focused label {
	color: #e3e3e3;
	text-shadow: 0 1px 0 #bbb;
}
div.fancy_search.fancy_input input {
	left: 9px;
}
div.fancy_search.fancy_input div.textwidth {
	font-size: 12px;
	font-weight: bold;
}
div.fancy_search.fancy_input a.submit {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	width: 33px;
	height: 26px;
}
div.fancy_search.fancy_input a.submit span.icon {
	display: block;
	width: 13px;
	height: 13px;
	margin: 7px auto 0;
	background: url(http://akcdn.okccdn.com/media/img/template/search.png) left top no-repeat;
}
div.fancy_search.fancy_input a.submit:hover span.icon {
	background-position: right top;
}
div.fancy_search.fancy_input .input_background {
	background: #c6c6c6;
	border-bottom: 1px solid #efefef;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	box-shadow: inset 0 1px 1px #a6a6a6;
	-moz-box-shadow: inset 0 1px 1px #a6a6a6;
	-webkit-box-shadow: inset 0 1px 1px #a6a6a6;
	
}

/* header search box */
div.fancy_search.fancy_input#heading_search {
	position: absolute;
	top: 21px;
	right: 21px;
}
/* General layout ---------------------------------------- */

div#left_bar {
	width: 184px;
	font-size: 11px;
	float: left;
	margin-top: 48px;
	z-index: 1;
	position: relative;
}
div#right_side_bar {
	float: left;
	margin-top: 48px;
	width: 0;
	height: 0;
	font-size: 11px;
	visibility: hidden;
	overflow: hidden;
}

/* Blocks ------------------------------------------------ */

.sidebar .block_outer_wrapper {
	background: #142d69;
	margin: 0 0 8px;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	
}


/* Typography -------------------------------------------- */

.sidebar h4,
.sidebar ul,
.sidebar p {
	margin: 0 0 10px;
	padding: 0px 12px;
}

.sidebar h4 {
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #dce6fe;
	margin: 0;
}

.sidebar,
.sidebar a {
	color: #96b7ff;
}

.sidebar a:hover {
	color: #dce6fe;
}	

.sidebar p,
.sidebar li {
	font-size: 10px;
	line-height: 16px;
	color: #5378c8;
}
.sidebar h6 a,
.sidebar p a,
.sidebar li a {
	display: inline-block;
	color:#96b7ff;
}

/* sections ---------------------------------------------- */

.sidebar .section {
	border-top: 1px solid #143778;
	border-bottom: 1px solid #051950;
	padding: 14px 0;
	clear: both;
}
.sidebar .section:first-child,
.sidebar .section.first_child { /* for ie6 */
	border-top: none;	
}
.sidebar .section:last-child {
	border-bottom: none;
}
.sidebar .section p:last-of-type {
	margin: 0 0 2px;
}

/* @group Profile Admin */

.flat_buttons li {
	padding-bottom: 3px;
}
.flat_buttons li:last-of-type {
	padding: 0;
}

.flat_button, 
.flat_buttons li a {
    background: #051950;
    clear: both;
    color: #D5E1ED;
    display: block;
    font-size: 10px;
    height: 25px;
    line-height: 24px;
    margin: 0;
    text-align: center;
    white-space: nowrap;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}
.flat_button:hover, 
.flat_buttons a:hover {
    background: #000f2d;
}

#side_profile_admin div.section {
	padding: 10px 0;
}
#side_profile_admin ul{
	margin: 0px;
	padding: 0 12px;
}

/* @group Profile */

div.section.profile {
	height: 60px;
	position: relative;
	padding-top: 13px;
}
div.section.profile .profile_image {
	float: left;

	width: 60px;
	height: 60px;
	font-size: 0;
	background: url(http://akcdn.okccdn.com/media/img/template/sidebar_photo_upload_icon.png) 0 0 no-repeat;

	margin: 0 9px 0 12px;
	padding-right: 0px;

	box-shadow: 0px 1px 3px #000f2d;
	-moz-box-shadow: 0px 1px 3px #000f2d;
	-webkit-box-shadow: 0px 1px 3px #000f2d;
	
}
div.section.profile .profile_image:hover {
	background-position: 0 -60px;
}
div.section.profile .profile_image img {
	width: 60px;
	height: 60px;
}
div.section.profile .profile_links {
	padding-top: 8px;
}
div.section.profile .profile_links li {
	font-size: 10px;
	line-height: 15px;
}

/* @group Profile Completion */

div.section.completion p {
	margin: 0 0 5px;
}
div.section.completion .bar {
	background: #051950;
	margin: 0px 12px 4px;
	border: 1px solid #051950;
	border-top: 1px solid #000f2d;
	padding: 0;
	box-shadow: 0 1px 0 #143778;
	-moz-box-shadow: 0 1px 0 #143778;
	-webkit-box-shadow: 0 1px 0 #143778;
	
}

div.section.completion .bar .progress {
	background: #4173d2;
	display: block;
	height: 10px;
	text-indent: -9999px;
}

/* @group Matches */

div.section.matches ul {
	font-size: 10px;
	margin: 9px 0;
}

div.section.matches li {
	height: 40px;
	margin-bottom: 8px;
	line-height: 13px;
	clear: both;
}

div.section.matches li div.thumb {
	float: left;	
	display: block;
	height: 40px; 
	width: 40px;
	margin-right: 10px;
	background: #051950;
}

div.section.matches li div.thumb img {
	display: block;
	height: 40px; 
	width: 40px;
	box-shadow: 0px 1px 3px #000f2d;
	-moz-box-shadow: 0px 1px 3px #000f2d;
	-webkit-box-shadow: 0px 1px 3px #000f2d;
	
}

div.section.matches li div.thumb span {
	display: block;
	line-height: 37px;
	padding-bottom: 1px;
	font-size: 20px;
	letter-spacing: -1px;
	border-top: 1px solid #000f2d;
	border-bottom: 1px solid #143778;
	text-align: center;
	text-shadow: 0 1px 0 #000f2d;
	color: #4164b3;
}

div.section.matches li div.text {
	padding-top: 7px;
}

div.section.matches li.match div.text h6,
div.section.matches li.match div.text h6 a,
div.section.matches li.match div.text p {
	width: 110px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}
div.section.matches li div.text h6 {
	font-size: 10px;
	margin: 0px;
}

div.section.matches li div.text p {
	margin: 0;
	padding: 0;
	line-height: 12px;
}

div.section.matches a.suggestion_link {
	display: block;
}
div.section.matches li a div.text p {
	color: #96b7ff;
}

div.section.matches li a:hover div.text p {
	color: #dce6fe;
}

div.section.matches li a div.thumb span {
	color: #7a96e6;
}

div.section.matches li a:hover div.thumb span {
	color: #c9d5f3;
}


/* @group Favorites */

div.section.favorites {
}
div.section.favorites ul {
	margin: 2px 0 7px;
}
div.section.favorites ul li {
	font-size: 0;
	font-weight: bold;
	line-height: 18px;
	height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.section.favorites ul li span.bullet {
	font-size: 10px;
	display: inline-block;
	#dce6fe
}
div.section.favorites ul li a {
	font-size: 10px;
	padding: 0 0 0 3px;
}
div.section.favorites ul li a:hover {
}
div.section.favorites a.sb_im_bubble {
	padding-left: 5px;
	width: 12px;
	height: 18px;
	position: relative;
}
div.section.favorites a.sb_im_bubble span {
	display: block;
	width: 12px;
	height: 16px;
	line-height: 16px;
	background: url(http://akcdn.okccdn.com/media/img/template/2012/header_icons.png) -98px 4px no-repeat;
	text-indent: -9999px;
}
div.section.favorites a.sb_im_bubble:hover span {
	background-position: -110px 4px;
}
div.section.favorites p#favorites_showmore {
	margin: 0;
}

/* @group Recently Viewed */
div.section.recent{
}

div.section.recent ul {
    margin: 8px 5px 0 12px;
    padding: 0;
}
div.section.recent ul li {
    float: left;
    display: block;
    margin: 0px 7px 6px 0px;
}
div.section.recent ul li.s {
	margin-right: 6px;
}
div.section.recent ul li.t {
	margin-bottom: 1px;
}
div.section.recent ul li a {
    display: block;
	height: 35px;
	width: 35px;
	box-shadow: 0px 1px 3px #000f2d;
	-moz-box-shadow: 0px 1px 3px #000f2d;
	-webkit-box-shadow: 0px 1px 3px #000f2d;
	
}
div.section.recent ul li a img {
	height: 35px;
	width: 35px;
}

div.section.recent .flat_button {
	margin-bottom: 3px;
}


/* Secure left bar --------------------------------------------------------- */

div.section.secure_icon_bg {
	padding: 53px 0 51px;
}
div.section.secure_icon_bg div.secure_icon {
	background: url(http://akcdn.okccdn.com/media/img/template/2012/sidebar_icons.png) 0px 0px no-repeat;
	width: 78px;
	height: 124px;
	margin: 0 auto;
	text-indent: -9999px;
	text-align: left;
}
div.section.secure {
	padding-left: 5px;
	padding-right: 5px;
}
div.section.secure h4 {
	margin-bottom: 2px;
}
div.section.secure p {
	color: #5378c8;
	margin: 0;
}

/* Right bar --------------------------------------------------------------- */

#right_side_bar .block_outer_wrapper {
	background: #142d69;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	
}

body.expanded #right_side_bar {
	width: 184px;
	height: auto;
	visibility: visible;
}

/* @group Skyscraper Ad */

div#skyscraper_floater_wrapper {
	border-top: 1px solid #143778;
}
div#skyscraper_floater_region,
div#skyscraper_floater_region2 {
	top: 0px; 
	width: 184px;
}

.side_skyscraper_ad .block_wrapper {
	padding: 14px 12px 12px;
}

.side_skyscraper_ad .block_wrapper p {
	color: #dce6fe;
	padding: 0px;
	margin: 10px 0 0;
	line-height: 13px;
}
.side_skyscraper_ad .block_wrapper p a {
	display: block;
}


/* Signed out -------------------------------------------------------------- */

div#side_sign_in div.section {
	border-top: 1px solid #173C82;
	border-bottom: 1px solid #04133D;
	padding: 12px 0;
}
div#side_sign_in div.section:first-child {
	border-top: 0;
}
div#side_sign_in div.section:last-child {
	border-bottom: 0;
}
div.section.locals {

}
div.section.locals p.image {
	padding: 5px 0 13px;
}
div.section.locals p.image img {
	display: block;
	margin: 0 0 0 28px;
	width: 129px;
	height: 256px;
}
div.section.locals p {
	color: #dce6fe;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}
div.section.locals p.icons {
	height: 22px;
	padding: 8px 12px 9px;
}
div.section.locals p.icons a {
	display: block;
	height: 22px;
	float: left;
	font-size: 11px;
	line-height: 22px;
	color: #dce6fe;
}
div.section.locals p.icons a span {
	display: block;
	height: 20px;
	background-image: url(http://akcdn.okccdn.com/media/img/template/2012/sidebar_icons.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: 5px;
}
div.section.locals p.icons a.iphone {
	width: 60px;
}
div.section.locals p.icons a.android {
	width: 70px;
	margin-left: 9px;
	margin-right: 12px;
}
div.section.locals p.icons a.iphone span { background-position: -17px -125px; width: 11px; }
div.section.locals p.icons a.android span { background-position: -0px -125px; width: 17px; }

/* @group Sign In */
div#side_sign_in div.section.login {
	padding: 12px 0 18px;
}
div.section.login span.fancy_input {
	height: 29px;
	width: 160px;
	border-bottom: 1px solid #173C82;	
	margin: 0 0 6px 12px;
}
div.section.login span.fancy_input input:-webkit-autofill {
	-webkit-text-fill-color: #F1F1F1;
	-webkit-box-shadow: inset -66666px 0 0 #051950, inset 0 1px 0 #173C82;
	margin: 1px;
	height: 27px;
}
div.section.login span.fancy_input input#sidebar_signin_username:-webkit-autofill {
	width: 138px !important;
}
div.section.login span.fancy_input input#sidebar_signin_password:-webkit-autofill {
	width: 107px !important;
}
div.section.login span.fancy_input input,
div.section.login span.fancy_input label {
	font-size: 11px;
	line-height: 15px;
	padding: 0 10px;
	text-shadow: 0 1px 0 #000f2d;
}
div.section.login span.fancy_input input {
	color: #f1f1f1;
	font-weight: bold;
}
div.section.login span.fancy_input#sidebar_signin_password_field input,
div.section.login span.fancy_input#sidebar_signin_password_field label {
	margin-right: 31px;
}
div.section.login span.fancy_input label {
	line-height: 28px;
	color: #37569e;
}
div.section.login span.fancy_input.focused label {
	color: #143778;
}
div.section.login span.fancy_input .input_background {
	border: 1px solid #000f2d;
	background: #051950;
}

/* forgot password */
div.section.login span.fancy_input div#forgot_password {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: auto;

}
div.section.login span.fancy_input div#forgot_password a {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 23px;
	height: 21px;
	margin: 3px 4px;
	border: 1px solid #01123f;
	border-bottom: 1px solid #000f2d;
	background: #142d69;
	z-index: 51;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	box-shadow: inset 0 1px 0 #173C82;
	-moz-box-shadow: inset 0 1px 0 #173C82;
	-webkit-box-shadow: inset 0 1px 0 #173C82;
	
}
div.section.login span.fancy_input div#forgot_password a:hover {
	box-shadow: inset 0 1px 0 #1c4593;
	-moz-box-shadow: inset 0 1px 0 #1c4593;
	-webkit-box-shadow: inset 0 1px 0 #1c4593;
	
}
div.section.login span.fancy_input div#forgot_password a:active {
	box-shadow: inset 0 1px 0 #173C82;
	-moz-box-shadow: inset 0 1px 0 #173C82;
	-webkit-box-shadow: inset 0 1px 0 #173C82;
	
}
div.section.login span.fancy_input div#forgot_password a span {
	background: url(http://akcdn.okccdn.com/media/img/template/2012/header_icons.png) -108px -48px no-repeat;
	width: 10px;
	height: 14px;
	display: block;
	text-indent: -9999px;
	text-align: left;
	margin: 4px 6px 0 7px;
}
div.section.login span.fancy_input input,
div.section.login span.fancy_input label {
	/* password label appearance */
	-webkit-transition: visibility 200ms linear 0ms, opacity 200ms linear 0ms;
	-moz-transition: visibility 200ms linear 0ms, opacity 200ms linear 0ms;
	-ms-transition: visibility 200ms linear 0ms, opacity 200ms linear 0ms;
	-o-transition: visibility 200ms linear 0ms, opacity 200ms linear 0ms;
	
}
body.firefox div.section.login span.fancy_input input,
body.firefox div.section.login span.fancy_input label {
	/* password label appearance */
	-moz-transition: visibility 0s, opacity 0s;
	transition: visibility 0s, opacity 0s;
}
div.section.login span.fancy_input.forgot_password input,
div.section.login span.fancy_input.forgot_password label {
	visibility: hidden;
	opacity: 0;

	/* password label disappearance */
	-webkit-transition: visibility 0ms linear 0ms, opacity 0ms linear 0ms;
	-moz-transition: visibility 0ms linear 0ms, opacity 0ms linear 0ms;
	-ms-transition: visibility 0ms linear 0ms, opacity 0ms linear 0ms;
	-o-transition: visibility 0ms linear 0ms, opacity 0ms linear 0ms;
	
}
div.section.login span.fancy_input div#forgot_password label {
	color: #5976b2;
	padding: 0 0 0 10px;
	visibility: hidden;
	opacity: 0;
	z-index: 50;
	text-align: left;
	margin-right: 30px;	
	/* forgot your password label disappearance */
	-webkit-transition: visibility 0ms linear 200ms, opacity 200ms ease-out 0ms;
	-moz-transition: visibility 0ms linear 200ms, opacity 200ms ease-out 0ms;
	-ms-transition: visibility 0ms linear 200ms, opacity 200ms ease-out 0ms;
	-o-transition: visibility 0ms linear 200ms, opacity 200ms ease-out 0ms;
	
}
div.section.login span.fancy_input.forgot_password div#forgot_password label {
	visibility: visible;
	opacity: 1;
	/* forgot your password label appearance */
	-webkit-transition: visibility 0ms linear 0ms, opacity 200ms ease-out 0ms;
	-moz-transition: visibility 0ms linear 0ms, opacity 200ms ease-out 0ms;
	-ms-transition: visibility 0ms linear 0ms, opacity 200ms ease-out 0ms;
	-o-transition: visibility 0ms linear 0ms, opacity 200ms ease-out 0ms;
	
}
div.section.login .submit {
	margin: 6px 11px 0;
	padding: 0;
}

div.section.login .submit a.fancy_button {
	width: 158px;
	color: #8aa5e1;
	cursor: default;
	border: 1px solid #04133D;
	position: relative;
	display: block;
	font-size: 11px;
	height: 27px;
	line-height: 26px;
	margin: 0 1px;
	padding: 0;
	text-align: center;
}
div.section.login .submit a.fancy_button {
	text-shadow:0 -1px 0 #000f2d;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	box-shadow: inset 0 1px 0 #1A428C, 0 1px 0 #173C82;
	-moz-box-shadow: inset 0 1px 0 #1A428C, 0 1px 0 #173C82;
	-webkit-box-shadow: inset 0 1px 0 #1A428C, 0 1px 0 #173C82;
	
}
div.section.login .submit a.fancy_button:hover {
	box-shadow: inset 0 1px 0 #1c4593, 0 1px 0 #173C82;
	-moz-box-shadow: inset 0 1px 0 #1c4593, 0 1px 0 #173C82;
	-webkit-box-shadow: inset 0 1px 0 #1c4593, 0 1px 0 #173C82;
	
}
div.section.login .submit a.fancy_button:active {
	box-shadow: inset 0 1px 0 #173C82, 0 1px 0 #173C82;
	-moz-box-shadow: inset 0 1px 0 #173C82, 0 1px 0 #173C82;
	-webkit-box-shadow: inset 0 1px 0 #173C82, 0 1px 0 #173C82;
	
}

div.section.login span.fancy_input div#forgot_password a,
div.section.login .submit a.fancy_button {
	background: #133573;
	
	background: -moz-linear-gradient(top, #133573 0%, #132A65 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#133573), color-stop(100%,#132A65));
	background: -webkit-linear-gradient(top, #133573 0%,#132A65 100%);
	background: -o-linear-gradient(top, #133573 0%,#132A65 100%);
	background: -ms-linear-gradient(top, #133573 0%,#132A65 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133573', endColorstr='#132A65',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133573', endColorstr='#132A65',GradientType=0 );
	background: linear-gradient(top, #133573 0%,#132A65 100%);
			
}
div.section.login span.fancy_input div#forgot_password a:hover,
div.section.login .submit a.fancy_button:hover {
	background: #163B7F;
	
	background: -moz-linear-gradient(top, #163B7F 0%, #15306E 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#163B7F), color-stop(100%,#15306E));
	background: -webkit-linear-gradient(top, #163B7F 0%,#15306E 100%);
	background: -o-linear-gradient(top, #163B7F 0%,#15306E 100%);
	background: -ms-linear-gradient(top, #163B7F 0%,#15306E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#163B7F', endColorstr='#15306E',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#163B7F', endColorstr='#15306E',GradientType=0 );
	background: linear-gradient(top, #163B7F 0%,#15306E 100%);
			
}
div.section.login span.fancy_input div#forgot_password a:active,
div.section.login .submit a.fancy_button:active {
	background: #1d3e60;
	
	background: -moz-linear-gradient(top, #15306E 0%, #163B7F 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#15306E), color-stop(100%,#163B7F));
	background: -webkit-linear-gradient(top, #15306E 0%,#163B7F 100%);
	background: -o-linear-gradient(top, #15306E 0%,#163B7F 100%);
	background: -ms-linear-gradient(top, #15306E 0%,#163B7F 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15306E', endColorstr='#163B7F',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15306E', endColorstr='#163B7F',GradientType=0 );
	background: linear-gradient(top, #15306E 0%,#163B7F 100%);
			
}
div.section.login .submit a.fancy_button span.signin {
	-webkit-transition: opacity 100ms ease-in 0s;
	-moz-transition: opacity 100ms ease-in 0s;
	-ms-transition: opacity 100ms ease-in 0s;
	-o-transition: opacity 100ms ease-in 0s;
	
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	cursor: pointer;
	font-weight: bold;
}

div.section.login .hidden-submit {
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	border: none;
	background: none;
	left:0;
	top:0;
	position: absolute;
}

/* @group Media Quotes */

div#side_sign_in div.section.quotes {
	padding: 27px 0 29px;
}

div.section.quotes p.quote {
	margin: 21px 0 0;
	font-family: helvetica, arial, verdana;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	color: #dce6fe;
	white-space: nowrap;
}

div.section.quotes p.quote:first-of-type {
	margin-top: 0;
}

div.section.quotes p.quote.small {
	font-size: 14px;
}

div.section.quotes p.quote .ldquo,
div.section.quotes p.quote .rdquo {
	font-family: Georgia;
	font-size: 20px;
	font-weight: bold;
	vertical-align: bottom;
	color: #284789;	
	position: relative;
	top: 2px;
}

div.section.quotes p .ldquo { padding-right: 5px; }
div.section.quotes p .rdquo { padding-left: 5px; }
div.section.quotes p.quote.fix .ldquo { margin-left: -20px; }
div.section.quotes p.quote.fix .rdquo { margin-right: -10px; }
div.section.quotes p.quote.fix.more .ldquo { margin-left: -15px; }
div.section.quotes p.quote.fix.more .rdquo { margin-right: -15px; }

div.section.quotes p.quoted {
	margin-bottom: 0px;
	padding-bottom: 7px;
	font-family: georgia, times, serif;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	font-style: italic;
	margin-left: -6px;
}

/* Forgot Password box jive ---------------------------- */

div#forgot_password_box {
	width: 399px;
	z-index: 1;
	position: absolute;
	top: 12px;
	left: 205px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s linear 100ms, opacity 100ms ease-in 0ms;
	-moz-transition: visibility 0s linear 100ms, opacity 100ms ease-in 0ms;
	-ms-transition: visibility 0s linear 100ms, opacity 100ms ease-in 0ms;
	-o-transition: visibility 0s linear 100ms, opacity 100ms ease-in 0ms;
	
}
div#forgot_password_box.visible {
	visibility: visible;
	opacity: 1;
    -webkit-transition: opacity 0ms;
	-moz-transition: opacity 0ms;
	-ms-transition: opacity 0ms;
	-o-transition: opacity 0ms;
	
}
div#forgot_password_box h4 {
	color: #555;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	padding: 0;
}
div#forgot_password_box label {
	display: block;
	color: #999;
	font-size: 11px;
	margin: 12px 0 4px;
}
div#forgot_password_box input {
	margin: 0;
	padding: 6px 8px;
	width: 351px;
	height: 15px;
	line-height: 15px;
	font-size: 12px;
	border: 1px solid #bbb;
	box-shadow: inset 0 1px 0 #f3f3f3, 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #f3f3f3, 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #f3f3f3, 0 1px 0 #fff;
	
	-webkit-transition: border 100ms ease-in 0s;
	-moz-transition: border 100ms ease-in 0s;
	-ms-transition: border 100ms ease-in 0s;
	-o-transition: border 100ms ease-in 0s;
	
}
div#forgot_password_box input:focus {
	border: 1px solid #89aaf0;
}
div#forgot_password_box div.buttons {
	height: 25px;
	margin-top: 10px;
	float:left;
	clear:left;
}
div#forgot_password_box div.buttons p.btn {
	padding: 0;
	width: 120px;
	margin-right: 5px;
	float:left;
}
div#forgot_password_box div.buttons p.btn a {
	display: block;
}
div#forgot_password_box div.okfeedback {
	margin-top:10px;
}
div#forgot_password_box div.okfeedback p.message {
	width: 240px;
}
div#forgot_password_box div.oknotice_success {
	font-size: 11px;
	margin: 17px 0 0;
}

/* default case */
div#forgot_password_box div#forgot_password_success,
div#forgot_password_box div.okfeedback {
	display: none;
}

/* error */
div#forgot_password_box.error div#forgot_password_form input {
	border-color: #ff84ab;
}
div#forgot_password_box.error.username div#forgot_password_form div.okfeedback.username,
div#forgot_password_box.error.general div#forgot_password_form div.okfeedback.general,
div#forgot_password_box.error.empty div#forgot_password_form div.okfeedback.empty,
div#forgot_password_box.error.email div#forgot_password_form div.okfeedback.email {
	display: block;
}

/* success */
div#forgot_password_box.success {
	margin: 0;
}
div#forgot_password_box.success div#forgot_password_form {
	display: none;
}
div#forgot_password_box.success div#forgot_password_success {
	display: block;
}/* Helpers ----------------------------------------------------------------- */
/* Site Navigation --------------------------------------------------------- */

ul.head_nav {
	position: absolute;
	top: 0;
	padding-top: 5px;
}
ul.head_nav li {
	display: block;
	float: left;
	width: auto;
	height: 26px;
}
ul.head_nav li a {
	display: block;
	color: #fff;
	height: 22px;
	padding: 8px 0;
	outline: none;
}
ul.head_nav li a div {
	display: block;
	height: 22px;
	background-image: url(http://akcdn.okccdn.com/media/img/template/2012/header_icons.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	text-align: left;
	text-indent: -9999px;
}
ul.head_nav li a span.tag {
	width: auto;
	display: block;

	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	text-indent: 0;
	color: #5083e1;

	position: relative;
	z-index: 10;
	overflow: hidden;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}
ul.head_nav li a span.tag span.item {
	display: block;
	background: #143787;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}
ul.head_nav li a span.tag span.item.arrow {
	padding: 8px 7px;
	height: 4px;
}
ul.head_nav li a span.tag span.item.arrow span {
	display: block;
	width: 7px;
	height: 4px;
	background: url(http://akcdn.okccdn.com/media/img/template/2012/header_icons.png) -108px -44px no-repeat;
}
/*  */
body.ie9 ul.head_nav li a:hover span.tag span.item,
body.ie9 ul.head_nav li.visible a span.tag span.item {
	background-color: #142D69;
}


/* Site Nav - dropdowns ---------------------------------------------------- */

ul.nav_dropdown {
	border-bottom: 1px solid #fff;
	z-index: 600;

	top: 43px;
	width: 144px;

	background: #f6f6f6;
	position: absolute;

	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.45);
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.45);
	
}
ul.nav_dropdown {
	opacity: 0;
	visibility: hidden;

	-webkit-transition: visibility 0s linear 100ms, opacity 100ms ease-in 0ms;
	-moz-transition: visibility 0s linear 100ms, opacity 100ms ease-in 0ms;
	-ms-transition: visibility 0s linear 100ms, opacity 100ms ease-in 0ms;
	-o-transition: visibility 0s linear 100ms, opacity 100ms ease-in 0ms;
	
}
ul.nav_dropdown.visible {
	opacity: 1;
	visibility: visible;
    -webkit-transition: opacity 0ms;
	-moz-transition: opacity 0ms;
	-ms-transition: opacity 0ms;
	-o-transition: opacity 0ms;
	
}
ul.nav_dropdown li a, /*  */
ul.nav_dropdown li.drop_last {
	display: block;
	border-top: 1px solid #ddd;
}
ul.nav_dropdown li:first-child a {
	border-top: 0;
}
ul.nav_dropdown li div {
	display: block;
	position: relative;
	border: 1px solid #fff;
	border-bottom: 0;
	font-size: 11px;
	text-align: left;
	height: 35px;
	line-height: 34px;
	padding: 0 11px;
	overflow: visible;
	white-space: nowrap;
}
ul.nav_dropdown li div span.wedge {
	position: absolute;
	top: -10px;
	display: block;
	width: 19px;
	height: 10px;
	background: url(http://akcdn.okccdn.com/media/img/template/2012/menu_icons.png) -36px -31px no-repeat;
}
ul.nav_dropdown li a:hover div span.wedge {
	position: absolute;
	top: -10px;
	display: block;
	width: 19px;
	height: 10px;
	background-position: -36px -41px;
}
ul.nav_dropdown li div span.icon {
	display: block;
	float: left;
	width: 28px;
}
ul.nav_dropdown li div span.icon span.glyph {
	display: block;
	background-image: url(http://akcdn.okccdn.com/media/img/template/2012/menu_icons.png); 
	background-repeat: no-repeat;
}
ul.nav_dropdown li a div {
	color: #4173d2;
}
ul.nav_dropdown li:last-child,
ul.nav_dropdown li:last-child div {
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	
}

ul.nav_dropdown li a:hover div {
	background: #fff;
}
ul.nav_dropdown li.drop_label div {
	position: relative;
	height: 21px;
	line-height: 21px;
	color: #bbb;
	cursor: default;
	white-space: nowrap;
	text-align: center;
}


/* Site Nav ---------------------------------------------------------------- */

ul#site_nav {
	left: 0;
	padding-left: 10px;
	margin-left: 184px;
}
ul#site_nav li#nav_home a { width: 39px; }
ul#site_nav li#nav_matches a { width: 42px; }
ul#site_nav li#nav_messages a { width: 51px; }

ul#site_nav li#nav_home a div { width: 21px; background-position: 0px 0px; }
ul#site_nav li#nav_matches a div { width: 26px; background-position: -21px 0px; }
ul#site_nav li#nav_messages a div { width: 25px; background-position: -47px 0px; }

ul#site_nav li#nav_home a:hover div { background-position: 0px -22px; }
ul#site_nav li#nav_matches a:hover div { background-position: -21px -22px; }
ul#site_nav li#nav_messages a:hover div { background-position: -47px -22px; }

ul#site_nav li#nav_more a {
	width: 39px;
	cursor: default;
}
ul#site_nav li#nav_more span.tag {
	margin: 0 auto;
	width: 21px;
}
ul#site_nav li#nav_more a:hover div,
ul#site_nav li#nav_more.visible a div {
	background-color: #142d69;
}


/* Site Nav - dropdown - more ---------------------------------------------- */

ul#site_morenav {
	left: 313px;
}
ul#site_morenav span.wedge {
	left: 22px;
}
ul#site_morenav li div span.icon {
	margin-left: -2px;
}
ul#site_morenav li#site_morenav_visitors div span.icon span.glyph {
	width: 19px;
	height: 16px;
	background-position: -36px -15px;
	margin-top: 10px;
}
ul#site_morenav li#site_morenav_favorites div span.icon span.glyph {
	width: 9px;
	height: 17px;
	background-position: -24px -0px;
	margin: 9px 0 0 5px;
}
ul#site_morenav li#site_morenav_ratings div span.icon span.glyph {
	width: 19px;
	height: 19px;
	background-position: -17px -20px;
	margin-top: 7px;
}


/* Site Nav - notifications ------------------------------------------------ */

ul#site_nav li#nav_notifications a {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}
ul#site_nav li#nav_notifications a div {
	width: 26px;
	margin: 0;
	background-position: -72px 0px;
	z-index: 11;
	position: absolute;
	top: 8px;      /* compensate for container padding */
	left: 10px;
}
ul#site_nav li#nav_notifications a:hover div,
ul#site_nav li#nav_notifications.visible a div {
	background-position:  -72px -22px;
}
ul#site_nav li#nav_notifications.pink a div,
ul#site_nav li#nav_notifications.pink a:hover div,
ul#site_nav li#nav_notifications.pink.visible a div {
	background-position: -98px -22px;
}
ul#site_nav li#nav_notifications a span.tag {
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	
}
ul#site_nav li#nav_notifications.unread a span.tag {
	color: #f9f9f9;
}
ul#site_nav li#nav_notifications a span.tag span.item {
	/*  */
	background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(20, 55, 135, 0)), color-stop(40%, rgba(20, 55, 135, 1)));
	background: -moz-linear-gradient(left, rgba(20, 55, 135, 0) 10%, rgba(20, 55, 135, 1) 40%);
	background: -webkit-linear-gradient(left, rgba(20, 55, 135, 0) 10%, rgba(20, 55, 135, 1) 40%);
	background: -o-linear-gradient(left, rgba(20, 55, 135, 0) 10%, rgba(20, 55, 135, 1) 40%);
	background: -ms-linear-gradient(left, rgba(20, 55, 135, 0) 10%, rgba(20, 55, 135, 1) 40%);
	background: linear-gradient(left, rgba(20, 55, 135, 0) 10%, rgba(20, 55, 135, 1) 40%);

	padding: 0 10px 0 30px;

	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	
}
body.ie9 ul#site_nav li#nav_notifications a span.tag span.item {
	background: #143787 url(http://akcdn.okccdn.com/media/img/template/2012/noti_mask.png) top left no-repeat;
}


/* Site Nav - dropdown - noti ---------------------------------------------- */

ul#site_notifications {
	top: 43px;
	left: 366px;
	width: 410px;
}
ul#site_notifications li.drop_label div span.wedge {
	left: 29px;
}
ul#site_notifications li a div {
	line-height: 30px;
	height: 32px;
	padding: 9px;
}
ul#site_notifications.unread li a div {
	padding-left: 26px;
}
ul#site_notifications li a img {
	float: left;
	margin: 0 1px 0 0;
	width: 32px;
	height: 32px;
}
ul#site_notifications li a span.desc {
	margin-left: 9px;
}
ul#site_notifications li a div span.icon {
	float: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 37px;
	height: 50px;
}
ul#site_notifications li a div span.indicator {
	display: none;
	width: 6px;
	height: 6px;
	background: url(http://akcdn.okccdn.com/media/img/template/2012/menu_icons.png) -52px 0px no-repeat;

	position: absolute;
	top: 50%;
	left: 9px;
	margin-top: -3px;
}
ul#site_notifications.unread li a div span.indicator {
	display: block;
}
ul#site_notifications li#site_notifications_4 a div span.icon span.glyph,  /* messages */
ul#site_notifications li#site_notifications_1 a div span.icon span.glyph,  /* visitors */
ul#site_notifications li#site_notifications_3 a div span.icon span.glyph { /* quiver */
	display: block;
	margin: 19px 0 0 1px;
}
ul#site_notifications li#site_notifications_4 a div span.icon span.glyph {
	/* messages */
	background-position: -19px -39px;
	width: 17px;
	height: 17px;
}
ul#site_notifications li#site_notifications_1 a div span.icon span.glyph {
	/* visitors */
	background-position: -0px -36px;
	width: 19px;
	height: 16px;
	margin: 17px 0 0 0;
}
ul#site_notifications li#site_notifications_3 a div span.icon span.glyph {
	/* quiver */
	background-position: -0px -21px;
	width: 17px;
	height: 15px;
}
ul#site_notifications li.drop_last#site_notifications_message div {
	padding: 15px 15px 17px 51px;
	height: 18px;
	line-height: 18px;
	text-align: left;
	border-left: 0;
	border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0;
	
}
ul#site_notifications li.drop_last#site_notifications_message div#notifications_robot {
	float: left;
	width: 24px;
	height: 21px;
	padding: 15px 0 15px 13px;
	border-left: 1px solid #fff;
	border-right: 0;
	border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	
}
ul#site_notifications li.drop_last#site_notifications_message div#notifications_robot span {
	display: block;
	width: 24px;
	height: 21px;
	background: url(http://akcdn.okccdn.com/media/img/template/2012/menu_icons.png) -0px -0px no-repeat;
}
ul#site_notifications li.drop_last div a {
	display: inline;
	display: inline-block;
	border: 0;
	color: #4173d2;
}
ul#site_notifications li.drop_last div a:hover {
	color: #ff1e72
}


/* User Navigation --------------------------------------------------------- */

ul#user_nav {
	position: absolute;
	top: 0px;
	right: 0px;
	margin-right: 11px;
	padding: 0;
}
ul#user_nav li {
	display: block;
	float: left;

	color: #96b7ff;
	font-size: 11px;

	height: 41px;
	padding-top: 2px;
	line-height: 41px;
}
ul#user_nav li a {
	display: block;
	color: #96b7ff;
	height: 41px;
	outline: none;
}
ul#user_nav li a:hover {
	color: #dce6fe;

}
ul#user_nav li a#user_nav_sn {
	display: inline;
	display: inline-block;
	font-weight: bold;
	padding: 0;
}
ul#user_nav li a:hover {
	color: #dce6fe;
}
ul#user_nav li#nav_join a {
	padding: 0;
	font-weight: bold;
}

/* User Nav - Settings ----------------------------------------------------- */

ul#user_nav li#nav_settings a {
	position: relative;
	padding: 0 10px;
	cursor: default;
}
ul#user_nav li#nav_settings a div {
	width: 24px;
	margin: 0;
	background-position: -124px -18px;
	z-index: 11;
	position: absolute;
	top: 11px;
	left: 10px;
}
ul#user_nav li#nav_settings a:hover div,
ul#user_nav li#nav_settings.visible a div {
	background-position: -148px -18px;
}
ul#user_nav li#nav_settings a span.tag {
	top: 11px;
}
ul#user_nav li#nav_settings a span.tag {
	margin-left: 11px;
	width: 29px;
}
ul#user_nav li#nav_settings a span.tag span.item.arrow {
	padding: 8px 8px 8px 14px;
}

/* User Nav - dropdown - settings------------------------------------------- */

ul#site_settingsnav {
	right: 0px;
}
ul#site_settingsnav span.wedge {
	left: 101px;
}
ul#site_settingsnav li#site_settingsnav_settings div span.icon span.glyph {
	width: 19px;
	height: 15px;
	background-position: -33px -0px;
	margin-top: 10px;
}






























/* Testing */

div#gns_info {
	position: fixed;
	left: 5px;
	bottom: 25px;
	min-width: 17px;
	min-height: 17px;
	font-size: 9px;
	color: #fff;
	background: #0A1829;
	background: rgba(0,0,0,0.75);
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
div#gns_info a.toggle {
	position: absolute;
	display: block;
	top: 1px;
	right: 1px;
	width: 15px;
	height: 15px;
	background: rgba(255,255,255,0.75);
	border-radius: 2px;
}
div#gns_info a.toggle:hover {
	background: rgba(255,255,255,0.85);
}
div#gns_info a.toggle:active {
	background: rgba(255,255,255,0.65);
}
div#gns_info div {
	padding: 5px 3px;
	border-bottom: 1px solid rgba(255,255,255,0.25);
}
div#gns_info div:last-of-type {
	border-bottom: none;
}
div#gns_info div p {
	margin: 0;
	padding: 0 5px;
	line-height: 15px;
}
div#gns_info div p.type {
	color: #F5EF30;
}
div#gns_info div p.print {
	max-height: 400px;
	overflow: auto;
}
div#gns_info div p a {
	color: #fff;
}
div#gns_info div p span {
	color: #8FB3D6;
}
div#gns_info div p span.pretty_print {
	font-size: 11px;
	line-height: 13px;
}
div#gns_info.collapsed div.section {
	display: none;
}/* NEW new buttons --------------------------------------------------------------------- */

.btn {
	cursor: pointer !important;
	font-size: 12px !important;
	font-weight: bold !important;
	height: 34px !important;
	line-height: 34px !important;
	width: 120px;

	overflow: hidden;
}

body.ie9 .btn {
	border-radius: 3px !important;
}
.btn.small {
	font-size: 10px !important;
	height: 25px !important;
	line-height: 25px !important;
}

.btn a {
	display: block !important;
	padding: 0 3px;
	text-align: center !important;
	text-transform: normal !important;
	height: 32px !important;
	line-height: 32px !important;
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	
}
.btn.small a {
	height: 23px !important;
	line-height: 23px !important;
}

/* colors */

.btn a {
	background: #3872b3;
	border: 1px solid #2963a4 !important;
	color: #FFF !important;
	text-shadow: 0px -1px 0px #0b2847 !important;
	
	background: -moz-linear-gradient(top, #4680c2 0%, #2a64a5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4680c2), color-stop(100%,#2a64a5));
	background: -webkit-linear-gradient(top, #4680c2 0%,#2a64a5 100%);
	background: -o-linear-gradient(top, #4680c2 0%,#2a64a5 100%);
	background: -ms-linear-gradient(top, #4680c2 0%,#2a64a5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4680c2', endColorstr='#2a64a5',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4680c2', endColorstr='#2a64a5',GradientType=0 );
	background: linear-gradient(top, #4680c2 0%,#2a64a5 100%);
			
	box-shadow: inset 0 1px 0 #6898cd !important;
	-moz-box-shadow: inset 0 1px 0 #6898cd !important;
	-webkit-box-shadow: inset 0 1px 0 #6898cd !important;
	
}
.btn.lblue a {
	background: #d9e3ed;
	border: 1px solid #cdd9e6 !important;
	color: #2855A2 !important;
	text-shadow: none !important;
	
	background: -moz-linear-gradient(top, #e5ecf4 0%, #cedae6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5ecf4), color-stop(100%,#cedae6));
	background: -webkit-linear-gradient(top, #e5ecf4 0%,#cedae6 100%);
	background: -o-linear-gradient(top, #e5ecf4 0%,#cedae6 100%);
	background: -ms-linear-gradient(top, #e5ecf4 0%,#cedae6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ecf4', endColorstr='#cedae6',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ecf4', endColorstr='#cedae6',GradientType=0 );
	background: linear-gradient(top, #e5ecf4 0%,#cedae6 100%);
			
	box-shadow: inset 0 1px 0 #ecf1f7 !important;
	-moz-box-shadow: inset 0 1px 0 #ecf1f7 !important;
	-webkit-box-shadow: inset 0 1px 0 #ecf1f7 !important;
	
}
.btn.mblue a {
	background: #c9e0f9;
	border: 1px solid #bcd8f4 !important;
	color: #2855A2 !important;
	text-shadow: none !important;
	
	background: -moz-linear-gradient(top, #d8eafe 0%, #bcd8f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8eafe), color-stop(100%,#bcd8f4));
	background: -webkit-linear-gradient(top, #d8eafe 0%,#bcd8f4 100%);
	background: -o-linear-gradient(top, #d8eafe 0%,#bcd8f4 100%);
	background: -ms-linear-gradient(top, #d8eafe 0%,#bcd8f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8eafe', endColorstr='#bcd8f4',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8eafe', endColorstr='#bcd8f4',GradientType=0 );
	background: linear-gradient(top, #d8eafe 0%,#bcd8f4 100%);
			
	box-shadow: inset 0 1px 0 #e2f0fe !important;
	-moz-box-shadow: inset 0 1px 0 #e2f0fe !important;
	-webkit-box-shadow: inset 0 1px 0 #e2f0fe !important;
	
}
.btn.pink a {
	background: #fb4674;
	border: 1px solid #f83265 !important;
	text-shadow: 0px -1px 0px #dd325e !important;
	
	background: -moz-linear-gradient(top, #ff5f88 0%, #f83466 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5f88), color-stop(100%,#f83466));
	background: -webkit-linear-gradient(top, #ff5f88 0%,#f83466 100%);
	background: -o-linear-gradient(top, #ff5f88 0%,#f83466 100%);
	background: -ms-linear-gradient(top, #ff5f88 0%,#f83466 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5f88', endColorstr='#f83466',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5f88', endColorstr='#f83466',GradientType=0 );
	background: linear-gradient(top, #ff5f88 0%,#f83466 100%);
			
	box-shadow: inset 0 1px 0 #ff7c9e !important;
	-moz-box-shadow: inset 0 1px 0 #ff7c9e !important;
	-webkit-box-shadow: inset 0 1px 0 #ff7c9e !important;
	
}
.btn.green a {
	background: #6eb03b;
	border: 1px solid #63a62f !important;
	text-shadow: 0px -1px 0px #63a62f !important;
	
	background: -moz-linear-gradient(top, #7fbf4d 0%, #64a730 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fbf4d), color-stop(100%,#64a730));
	background: -webkit-linear-gradient(top, #7fbf4d 0%,#64a730 100%);
	background: -o-linear-gradient(top, #7fbf4d 0%,#64a730 100%);
	background: -ms-linear-gradient(top, #7fbf4d 0%,#64a730 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fbf4d', endColorstr='#64a730',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fbf4d', endColorstr='#64a730',GradientType=0 );
	background: linear-gradient(top, #7fbf4d 0%,#64a730 100%);
			
	box-shadow: inset 0 1px 0 #97cc6f !important;
	-moz-box-shadow: inset 0 1px 0 #97cc6f !important;
	-webkit-box-shadow: inset 0 1px 0 #97cc6f !important;
	
}
.btn.black a {
	background: #101010;
	border: 1px solid #000000 !important;
	text-shadow: 0px -1px 0px #000 !important;
	
	background: -moz-linear-gradient(top, #222222 0%, #010101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#010101));
	background: -webkit-linear-gradient(top, #222222 0%,#010101 100%);
	background: -o-linear-gradient(top, #222222 0%,#010101 100%);
	background: -ms-linear-gradient(top, #222222 0%,#010101 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#010101',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#010101',GradientType=0 );
	background: linear-gradient(top, #222222 0%,#010101 100%);
			
	box-shadow: inset 0 1px 0 #383838 !important;
	-moz-box-shadow: inset 0 1px 0 #383838 !important;
	-webkit-box-shadow: inset 0 1px 0 #383838 !important;
	
}
.btn.yellow a {
	background: #faf447;
	border: 1px solid #f5ef30 !important;
	color: #000 !important;
	text-shadow: none !important;
	
	background: -moz-linear-gradient(top, #fffb64 0%, #f5ef30 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffb64), color-stop(100%,#f5ef30));
	background: -webkit-linear-gradient(top, #fffb64 0%,#f5ef30 100%);
	background: -o-linear-gradient(top, #fffb64 0%,#f5ef30 100%);
	background: -ms-linear-gradient(top, #fffb64 0%,#f5ef30 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffb64', endColorstr='#f5ef30',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffb64', endColorstr='#f5ef30',GradientType=0 );
	background: linear-gradient(top, #fffb64 0%,#f5ef30 100%);
			
	box-shadow: inset 0 1px 0 #fffc7d !important;
	-moz-box-shadow: inset 0 1px 0 #fffc7d !important;
	-webkit-box-shadow: inset 0 1px 0 #fffc7d !important;
	
}
.btn.white a {
	background: #f7f7f7;
	border: 1px solid #dddddd !important;
	color: #555 !important;
	text-shadow: 0px 1px 0px #fff !important;
	
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
	background: linear-gradient(top, #ffffff 0%,#efefef 100%);
			
	box-shadow: inset 0 1px 0 #ffffff !important;
	-moz-box-shadow: inset 0 1px 0 #ffffff !important;
	-webkit-box-shadow: inset 0 1px 0 #ffffff !important;
	
}

.btn a:hover {
	background: #3367a3;
	
	background: -moz-linear-gradient(top, #3f74ae 0%, #275b95 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f74ae), color-stop(100%,#275b95));
	background: -webkit-linear-gradient(top, #3f74ae 0%,#275b95 100%);
	background: -o-linear-gradient(top, #3f74ae 0%,#275b95 100%);
	background: -ms-linear-gradient(top, #3f74ae 0%,#275b95 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f74ae', endColorstr='#275b95',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f74ae', endColorstr='#275b95',GradientType=0 );
	background: linear-gradient(top, #3f74ae 0%,#275b95 100%);
			
	box-shadow: inset 0 1px 0 #628ebd !important;
	-moz-box-shadow: inset 0 1px 0 #628ebd !important;
	-webkit-box-shadow: inset 0 1px 0 #628ebd !important;
	
}
.btn.lblue a:hover {
	background: #cedae7;
	
	background: -moz-linear-gradient(top, #dde6f0 0%, #c0cfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dde6f0), color-stop(100%,#c0cfdf));
	background: -webkit-linear-gradient(top, #dde6f0 0%,#c0cfdf 100%);
	background: -o-linear-gradient(top, #dde6f0 0%,#c0cfdf 100%);
	background: -ms-linear-gradient(top, #dde6f0 0%,#c0cfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde6f0', endColorstr='#c0cfdf',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde6f0', endColorstr='#c0cfdf',GradientType=0 );
	background: linear-gradient(top, #dde6f0 0%,#c0cfdf 100%);
			
	box-shadow: inset 0 1px 0 #e6edf4 !important;
	-moz-box-shadow: inset 0 1px 0 #e6edf4 !important;
	-webkit-box-shadow: inset 0 1px 0 #e6edf4 !important;
	
}
.btn.mblue a:hover {
	background: #b5d3f1;
	
	background: -moz-linear-gradient(top, #c2dbf4 0%, #a7caec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2dbf4), color-stop(100%,#a7caec));
	background: -webkit-linear-gradient(top, #c2dbf4 0%,#a7caec 100%);
	background: -o-linear-gradient(top, #c2dbf4 0%,#a7caec 100%);
	background: -ms-linear-gradient(top, #c2dbf4 0%,#a7caec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2dbf4', endColorstr='#a7caec',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2dbf4', endColorstr='#a7caec',GradientType=0 );
	background: linear-gradient(top, #c2dbf4 0%,#a7caec 100%);
			
	box-shadow: inset 0 1px 0 #d3e5f7 !important;
	-moz-box-shadow: inset 0 1px 0 #d3e5f7 !important;
	-webkit-box-shadow: inset 0 1px 0 #d3e5f7 !important;
	
}
.btn.pink a:hover {
	background: #fa3761;
	
	background: -moz-linear-gradient(top, #ff4a73 0%, #f62652 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff4a73), color-stop(100%,#f62652));
	background: -webkit-linear-gradient(top, #ff4a73 0%,#f62652 100%);
	background: -o-linear-gradient(top, #ff4a73 0%,#f62652 100%);
	background: -ms-linear-gradient(top, #ff4a73 0%,#f62652 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4a73', endColorstr='#f62652',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4a73', endColorstr='#f62652',GradientType=0 );
	background: linear-gradient(top, #ff4a73 0%,#f62652 100%);
			
	box-shadow: inset 0 1px 0 #ff6b8c !important;
	-moz-box-shadow: inset 0 1px 0 #ff6b8c !important;
	-webkit-box-shadow: inset 0 1px 0 #ff6b8c !important;
	
}
.btn.green a:hover {
	background: #65a139;
	
	background: -moz-linear-gradient(top, #73ac46 0%, #5b962c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73ac46), color-stop(100%,#5b962c));
	background: -webkit-linear-gradient(top, #73ac46 0%,#5b962c 100%);
	background: -o-linear-gradient(top, #73ac46 0%,#5b962c 100%);
	background: -ms-linear-gradient(top, #73ac46 0%,#5b962c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ac46', endColorstr='#5b962c',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ac46', endColorstr='#5b962c',GradientType=0 );
	background: linear-gradient(top, #73ac46 0%,#5b962c 100%);
			
	box-shadow: inset 0 1px 0 #8dbb68 !important;
	-moz-box-shadow: inset 0 1px 0 #8dbb68 !important;
	-webkit-box-shadow: inset 0 1px 0 #8dbb68 !important;
	
}
.btn.black a:hover {
	background: #2b2b2b;
	
	background: -moz-linear-gradient(top, #393939 0%, #1b1b1b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#393939), color-stop(100%,#1b1b1b));
	background: -webkit-linear-gradient(top, #393939 0%,#1b1b1b 100%);
	background: -o-linear-gradient(top, #393939 0%,#1b1b1b 100%);
	background: -ms-linear-gradient(top, #393939 0%,#1b1b1b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#1b1b1b',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#1b1b1b',GradientType=0 );
	background: linear-gradient(top, #393939 0%,#1b1b1b 100%);
			
	box-shadow: inset 0 1px 0 #4d4d4d !important;
	-moz-box-shadow: inset 0 1px 0 #4d4d4d !important;
	-webkit-box-shadow: inset 0 1px 0 #4d4d4d !important;
	
}
.btn.yellow a:hover {
	background: #f6ec21;
	
	background: -moz-linear-gradient(top, #fff833 0%, #efe413 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff833), color-stop(100%,#efe413));
	background: -webkit-linear-gradient(top, #fff833 0%,#efe413 100%);
	background: -o-linear-gradient(top, #fff833 0%,#efe413 100%);
	background: -ms-linear-gradient(top, #fff833 0%,#efe413 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff833', endColorstr='#efe413',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff833', endColorstr='#efe413',GradientType=0 );
	background: linear-gradient(top, #fff833 0%,#efe413 100%);
			
	box-shadow: inset 0 1px 0 #fff959 !important;
	-moz-box-shadow: inset 0 1px 0 #fff959 !important;
	-webkit-box-shadow: inset 0 1px 0 #fff959 !important;
	
}
.btn.white a:hover {
	background: #f3f3f3;
	
	background: -moz-linear-gradient(top, #fdfdfd 0%, #e7e7e7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e7e7e7));
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#e7e7e7 100%);
	background: -o-linear-gradient(top, #fdfdfd 0%,#e7e7e7 100%);
	background: -ms-linear-gradient(top, #fdfdfd 0%,#e7e7e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e7e7e7',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e7e7e7',GradientType=0 );
	background: linear-gradient(top, #fdfdfd 0%,#e7e7e7 100%);
			
	box-shadow: inset 0 1px 0 #fbfbfb !important;
	-moz-box-shadow: inset 0 1px 0 #fbfbfb !important;
	-webkit-box-shadow: inset 0 1px 0 #fbfbfb !important;
	
}

.btn a:active {
	
	background: -moz-linear-gradient(top, #2a65a6 0%, #538dce 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a65a6), color-stop(100%,#538dce));
	background: -webkit-linear-gradient(top, #2a65a6 0%,#538dce 100%);
	background: -o-linear-gradient(top, #2a65a6 0%,#538dce 100%);
	background: -ms-linear-gradient(top, #2a65a6 0%,#538dce 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a65a6', endColorstr='#538dce',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a65a6', endColorstr='#538dce',GradientType=0 );
	background: linear-gradient(top, #2a65a6 0%,#538dce 100%);
			
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	
}
.btn.lblue a:active {
	
	background: -moz-linear-gradient(top, #cedae7 0%, #ebf1f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedae7), color-stop(100%,#ebf1f7));
	background: -webkit-linear-gradient(top, #cedae7 0%,#ebf1f7 100%);
	background: -o-linear-gradient(top, #cedae7 0%,#ebf1f7 100%);
	background: -ms-linear-gradient(top, #cedae7 0%,#ebf1f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedae7', endColorstr='#ebf1f7',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedae7', endColorstr='#ebf1f7',GradientType=0 );
	background: linear-gradient(top, #cedae7 0%,#ebf1f7 100%);
			
}
.btn.mblue a:active {
	
	background: -moz-linear-gradient(top, #bcd8f4 0%, #d8eafe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcd8f4), color-stop(100%,#d8eafe));
	background: -webkit-linear-gradient(top, #bcd8f4 0%,#d8eafe 100%);
	background: -o-linear-gradient(top, #bcd8f4 0%,#d8eafe 100%);
	background: -ms-linear-gradient(top, #bcd8f4 0%,#d8eafe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd8f4', endColorstr='#d8eafe',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd8f4', endColorstr='#d8eafe',GradientType=0 );
	background: linear-gradient(top, #bcd8f4 0%,#d8eafe 100%);
			
}
.btn.pink a:active {
	
	background: -moz-linear-gradient(top, #f83467 0%, #ff7397 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f83467), color-stop(100%,#ff7397));
	background: -webkit-linear-gradient(top, #f83467 0%,#ff7397 100%);
	background: -o-linear-gradient(top, #f83467 0%,#ff7397 100%);
	background: -ms-linear-gradient(top, #f83467 0%,#ff7397 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f83467', endColorstr='#ff7397',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f83467', endColorstr='#ff7397',GradientType=0 );
	background: linear-gradient(top, #f83467 0%,#ff7397 100%);
			
}
.btn.green a:active {
	
	background: -moz-linear-gradient(top, #63a630 0%, #7fbf4d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63a630), color-stop(100%,#7fbf4d));
	background: -webkit-linear-gradient(top, #63a630 0%,#7fbf4d 100%);
	background: -o-linear-gradient(top, #63a630 0%,#7fbf4d 100%);
	background: -ms-linear-gradient(top, #63a630 0%,#7fbf4d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63a630', endColorstr='#7fbf4d',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63a630', endColorstr='#7fbf4d',GradientType=0 );
	background: linear-gradient(top, #63a630 0%,#7fbf4d 100%);
			
}
.btn.black a:active {
	
	background: -moz-linear-gradient(top, #020202 0%, #424242 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#020202), color-stop(100%,#424242));
	background: -webkit-linear-gradient(top, #020202 0%,#424242 100%);
	background: -o-linear-gradient(top, #020202 0%,#424242 100%);
	background: -ms-linear-gradient(top, #020202 0%,#424242 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#424242',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#424242',GradientType=0 );
	background: linear-gradient(top, #020202 0%,#424242 100%);
			
}
.btn.yellow a:active {
	
	background: -moz-linear-gradient(top, #f5ee2e 0%, #fefa5e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ee2e), color-stop(100%,#fefa5e));
	background: -webkit-linear-gradient(top, #f5ee2e 0%,#fefa5e 100%);
	background: -o-linear-gradient(top, #f5ee2e 0%,#fefa5e 100%);
	background: -ms-linear-gradient(top, #f5ee2e 0%,#fefa5e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ee2e', endColorstr='#fefa5e',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ee2e', endColorstr='#fefa5e',GradientType=0 );
	background: linear-gradient(top, #f5ee2e 0%,#fefa5e 100%);
			
}
.btn.white a:active {
	
	background: -moz-linear-gradient(top, #eeeeee 0%, #fefefe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#fefefe));
	background: -webkit-linear-gradient(top, #eeeeee 0%,#fefefe 100%);
	background: -o-linear-gradient(top, #eeeeee 0%,#fefefe 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%,#fefefe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fefefe',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fefefe',GradientType=0 );
	background: linear-gradient(top, #eeeeee 0%,#fefefe 100%);
			
}

/* Gray buttons should appear deactivated */
.btn.gray a,
.btn.gray a:hover,
.btn.gray a:active {
	cursor: default !important;	
	border: 1px solid #aaaaaa !important;
	color: #888 !important;
	text-shadow: 0px 1px 0px #ccc !important;
	
	background: -moz-linear-gradient(top, #bebebe 0%, #aaaaaa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebebe), color-stop(100%,#aaaaaa));
	background: -webkit-linear-gradient(top, #bebebe 0%,#aaaaaa 100%);
	background: -o-linear-gradient(top, #bebebe 0%,#aaaaaa 100%);
	background: -ms-linear-gradient(top, #bebebe 0%,#aaaaaa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#aaaaaa',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#aaaaaa',GradientType=0 );
	background: linear-gradient(top, #bebebe 0%,#aaaaaa 100%);
			
	box-shadow: inset 0 1px 0 #cbcbcb !important;
	-moz-box-shadow: inset 0 1px 0 #cbcbcb !important;
	-webkit-box-shadow: inset 0 1px 0 #cbcbcb !important;
	
}
/* PAGE HEADING TABS ------------------------------------------------------- */

div.tabbed_heading {
	background: #e3e3e3;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3));
	background: -moz-linear-gradient(top, #f3f3f3,  #d3d3d3);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f3f3f3', endColorstr='#d3d3d3');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f3f3f3', endColorstr='#d3d3d3');
	border-bottom: 1px solid #fff;
	position: relative;
	margin-bottom: 30px;
	height: 88px;
}
div.tabbed_heading a.blue_tab {
	padding: 0px 22px;
	font-size: 12px;
	height: 30px;
	line-height: 31px;
	background: #d5e1ed;
	position: absolute;
	top: 29px;
	right: 25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	box-shadow: inset 0px 1px 0px #becfe3, 0px 1px 0px #f6f6f6;
	-moz-box-shadow: inset 0px 1px 0px #becfe3, 0px 1px 0px #f6f6f6;
	-webkit-box-shadow: inset 0px 1px 0px #becfe3, 0px 1px 0px #f6f6f6;
	
}
body.firefox div.tabbed_heading a.blue_tab {
	line-height: 28px;
}
div.tabbed_heading a.blue_tab:hover {
	color: #142d69;
}
div.tabbed_heading ul.page_tabs {
	margin: 0;
	padding-left: 21px;
	height: 28px;
}
div.tabbed_heading ul.page_tabs li {
	float: left;
	padding: 0;
	height: 28px;
	font-size: 11px;
	font-weight: bold;
	line-height: 28px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	
}
div.tabbed_heading ul.page_tabs li img {
	position: absolute;
	top: 9px;
	right: -18px;
}
div.tabbed_heading ul.page_tabs li.active img {
	display: none;
}
div.tabbed_heading ul.page_tabs li a {
	display: block;
	padding: 0 14px;
	color: #777;
	text-shadow: 0px 1px 0px #f6f6f6;
}
div.tabbed_heading ul.page_tabs li a:hover {
	color: #4173d2;
}
div.tabbed_heading ul.page_tabs li.active {
	background: #f6f6f6;
	border: 1px solid #fff;
	border-bottom: 0;
	margin-bottom: 0;
	line-height: 26px;
}
div.tabbed_heading ul.page_tabs li.active a:hover,
div.tabbed_heading ul.page_tabs li.active a {
	padding: 0 13px;
	cursor: default;
	color: #aaa;
}
/* OkNotice */

.oknotice,
.oknotice_success,
.oknotice_error {
	margin: 0px 25px 30px 25px;
	padding: 12px 16px;
	background: #e7eef5;
	border: 1px solid #e7eef5;
	border-top: 1px solid #d2dfec;
	border-bottom: 1px solid #fff;
	color: #2855A2;
	text-align: center;
	font-size: 13px;
	line-height: 16px;
	width: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
.oknotice_success {
	color: #539722;
	background: #e8f2e0;
	border: 1px solid #e8f2e0;
	border-top: 1px solid #cbe0bb;
	border-bottom: 1px solid #fff;
}
.oknotice_error {
	color: #ff1e72;
	background: #feeaef;
	border: 1px solid #feeaef;
	border-top: 1px solid #fdd5df;
	border-bottom: 1px solid #fff;
}
.oknotice a {
	border-bottom: 1px solid #b5caef;
	color: #2855A2;
}
.oknotice a:hover {
	border-bottom: 1px solid #7492c3;
}
.oknotice_success a {
	border-bottom: 1px solid #b5d99a;
	color: #539722;
}
.oknotice_success a:hover {
	border-bottom: 1px solid #71a948;
}
.oknotice_error a {
	border-bottom: 1px solid #ffb8ca;
	color: #ff1e72;
}
.oknotice_error a:hover {
	border-bottom: 1px solid #f95781;
}

/* OkFeedback */

div.okfeedback{
	position:relative;
	display:inline-block;
}
div.okfeedback span.tip{
	position:absolute;
	top:0;
	left:13px;
	display:block;
	height:9px;
	width:13px;
}
div.okfeedback p.message{
	font-size:12px;
	float:left;
	margin:7px 0 0 0 !important;
	padding:10px 13px !important;
	border:1px solid;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Default Style */

div.okfeedback span.tip{
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/info-tip.png') 0 0 no-repeat;
}
div.okfeedback p.message{
	color:#2963A4;
	border-color:#B0C7EB #B0C7EB #A3BCE2 #B0C7EB;
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/info-bg.png') 0 0 repeat-x #DFE9F6;
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/info-highlight.png') 0 0 repeat-x,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#E9EFF9),color-stop(100%,#DFE9F6));
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/info-highlight.png') 0 0 repeat-x,-moz-linear-gradient( top,#E9EFF9 0%,#DFE9F6 100%);
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/info-highlight.png') 0 0 repeat-x,-webkit-linear-gradient( top,#E9EFF9 0%,#DFE9F6 100%);
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/info-highlight.png') 0 0 repeat-x,-o-linear-gradient( top,#E9EFF9 0%,#DFE9F6 100%);
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/info-highlight.png') 0 0 repeat-x,-ms-linear-gradient( top,#E9EFF9 0%,#DFE9F6 100%);
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/info-highlight.png') 0 0 repeat-x,linear-gradient( top,#E9EFF9 0%,#DFE9F6 100%);
}

/* Invalid Style */

div.okfeedback.invalid span.tip{
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/error-tip.png') 0 0 no-repeat;
}
div.okfeedback.invalid p.message{
	color:#E62A69;
	border-color:#FCA9C6 #FCA9C6 #F996B9 #FCA9C6;
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/error-bg.png') 0 0 repeat-x #FFD1DF;
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/error-highlight.png') 0 0 repeat-x,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFDCE8),color-stop(100%,#FFD1DF));
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/error-highlight.png') 0 0 repeat-x,-moz-linear-gradient( top,#FFDCE8 0%,#FFD1DF 100%);
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/error-highlight.png') 0 0 repeat-x,-webkit-linear-gradient( top,#FFDCE8 0%,#FFD1DF 100%);
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/error-highlight.png') 0 0 repeat-x,-o-linear-gradient( top,#FFDCE8 0%,#FFD1DF 100%);
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/error-highlight.png') 0 0 repeat-x,-ms-linear-gradient( top,#FFDCE8 0%,#FFD1DF 100%);
	background:url('http://akcdn.okccdn.com/media/img/template/feedback/error-highlight.png') 0 0 repeat-x,linear-gradient( top,#FFDEE9 0%,#FFD1DF 100%);
}
/* CONTENT MENU NAVIGATION ------------------------------------------------- */

div.tab_content_nav {
	float: right;
	margin: 45px 0px 0px 0px;
	width: 250px;
}
div.tab_content_nav ul {
	margin-bottom: 15px;
	padding-bottom: 50px;
	background: #eee;
}
div.tab_content_nav ul li {
	background: #eee;
	border-bottom: 1px solid #f6f6f6;
}
div.tab_content_nav ul li.active {
	height: 27px;
	margin-left: -13px;
	padding-left: 13px;
	background: #e8f2e0 url(http://akcdn.okccdn.com/media/img/backgrounds/tab_section_active_bg.png) 0 0 no-repeat;
}
div.tab_content_nav ul li.title {
	padding: 18px 0 5px 12px;
	font-size: 16px;
	color: #777;
}
div.tab_content_nav ul li a {
	display: block;
	padding: 0px 12px;
	font-size: 11px;
	height: 27px;
	line-height: 28px;
}
div.tab_content_nav ul li a:hover {
	background: #e0eaf2;
	color: #2855A2;
}
div.tab_content_nav ul li.active a,
div.tab_content_nav ul li.active a:hover {
	font-weight: bold;
	color: #569424;
	background: #e8f2e0;
}
div.tab_content_nav p.btn.save {
	width: 230px;
}
div.tab_content {
    padding: 0 25px 30px;
	font-size: 12px;
	color: #333;
}
div.tab_content.medium {
	padding: 0 235px 30px 25px;
}
div.tab_content.thin {
	padding: 0 0 30px 25px;
	width: 480px;
}
div.tab_content h2 {
	clear: left;
	margin: 0;
	padding: 30px 0px 3px;
    font-size: 15px;
    font-weight: normal;
    color: #555;
}
div.tab_content h2 span {
	font-size: 11px;
	font-weight: normal;
	color: #666;
}
div.tab_content h3 {
	clear: left;
	margin: 0 0 5px;
	padding-top: 25px;
    font-size: 13px;
    color: #215da0;
}
div.tab_content h3 span {
	font-size: 11px;
	font-weight: normal;
	color: #666;
}
div.tab_content p.intro {
	margin: 0 0 20px;
	font-size: 12px;
	color: #777;
}
div.tab_content p.footnote {
	margin: 15px 0 0;
	font-size: 11px;
	color: #777;
}/* Contest footer ------------------------------------------------------------- */

div.content_footer_wrapper {
	float: right;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 780px;
	background: #f6f6f6;
	position: relative;
	border-bottom: 1px solid #142d69;
}
body.expanded div.content_footer_wrapper {
	float: none;
	margin: 0 auto;
}
div.content_footer {
	margin: 0px;
	padding: 5px 0px 10px 0px;
	width: 780px;
	position: relative;
	border-top: 1px solid #ccc;
	background: #eee;
}
div.content_footer div.left,
div.content_footer div.right {
	float: left;
	margin: 10px 0px 10px 20px;
	width: 360px;
}
div.content_footer div.left p,
div.content_footer div.right p {
	float: left;
	margin: 0px;
	width: 250px;
}
div.content_footer div img.contest_image {
	border: 4px solid #ddd;
	margin: 0px 10px 0px 0px;
	clear: left;
	float: left;
	width: 82px;
	height: 82px;
}
div.content_footer div p.contest_banner {
	font-size: 10px;
	color: #999;
	padding-bottom: 5px;
}
div.content_footer div p.contest_theme {
	line-height: 1.3em;
	margin: 0px;
	padding: 8px 0px 2px 0px;
	font-size: 17px;
}
div.content_footer div p.contest_description {
	color: #555;
	font-size: 11px;
	line-height: 15px;
	padding-bottom: 10px;
}


/* Page foot upgrade nagging ----------------------------------------------- */

div.content_footer_wrapper div.upgrade_nag {
	/* some sort of bg image here */
	background: #FEEAEF url(http://akcdn.okccdn.com/media/img/alist/footer_hearts.png) 32px center no-repeat;
	border: 0;
	width: auto;
	padding: 25px;
	border-top: 1px solid #ffd2dd;
	height: 39px;
}
div.content_footer_wrapper div.student_discount {
	background: url(http://akcdn.okccdn.com/media/img/alist/alist_studentdiscount_eee.png) 450px center no-repeat;
}
div.content_footer_wrapper div.upgrade_nag div.pitch {
	width: 372px;
	float: right;
	margin-left: 30px;
}
div.content_footer_wrapper div.upgrade_nag div.pitch p {
	font-size: 12px;
	color: #F83265;
	margin: 0;
}
div.content_footer_wrapper div.upgrade_nag div.pitch p a {
	color: #F83265;
	border-bottom: 1px solid #ffc3d2;
}
div.content_footer_wrapper div.upgrade_nag div.pitch p a:hover {
	border-bottom: 0;
}
div.content_footer_wrapper div.upgrade_nag p#buy_for_me_btn { 
	margin: 2px 0 0; 
	float: left;
	height: 35px;
	width: 308px;
}
div.content_footer_wrapper div.upgrade_nag p#buy_for_me_btn a { 
	background: url(http://akcdn.okccdn.com/media/img/alist/alist_button_alistmyaccount.png) 0 0 no-repeat; 
	display: block;
	height: 35px;
	width: 308px;
}
div.content_footer_wrapper div.upgrade_nag p#buy_for_me_btn a:hover {
	background-position: 0 50%;
}
div.content_footer_wrapper div.upgrade_nag p#buy_for_me_btn a:active {
	background-position: 0 100%;
}


/* Page foot coupon */
div.content_footer_wrapper div.coupon {
	border:2px dashed #aaa;
	margin:20px;
	padding:15px 20px 12px;
	color: #666;
	font-size: 11px;
	float: left;
	clear: both;
	width: 695px;
	position: relative;
}
div.content_footer_wrapper div.coupon h2 {
	margin-bottom: 0px;
	line-height: 36px;
	float: left;
	text-align: center;
	width:250px;
}
div.content_footer_wrapper div.coupon p {
	padding: 4px 20px;
	margin-bottom: 0px;
	float: right;
	width: 400px;
}
div.content_footer_wrapper div.coupon img.scissors {
	position: absolute;
	left: 18px;
	top: -13px;
}


/* Page foot suggest completion */
div.content_footer_wrapper .complete_your_profile {
	background: #e7eef5 url(http://akcdn.okccdn.com/media/img/template/page_footer_blue_curve.png) no-repeat;
	border: none;
	padding: 0 !important;
}
div.content_footer_wrapper .complete_your_profile p {
	text-align: center;
	padding: 28px 0 20px !important;
	margin: 0;
}
div.content_footer_wrapper .complete_your_profile a {
	background: url(http://akcdn.okccdn.com/media/img/template/page_footer_icons_32px.png) left top no-repeat;
	padding: 0px 0px 0px 42px;
	margin: 0;
	height: 32px;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
div.content_footer_wrapper .complete_your_profile p.upload_photo a {
	background-position: 0px 0px;
}
div.content_footer_wrapper .complete_your_profile p.write_profile a,
div.content_footer_wrapper .complete_your_profile p.expand_profile_500 a {
	background-position: 0px -32px;
}
div.content_footer_wrapper .complete_your_profile p.answer_10_public a,
div.content_footer_wrapper .complete_your_profile p.answer_25_questions a {
	background-position: 0px -64px;
}
div.content_footer_wrapper .complete_your_profile p.contact_someone a,
div.content_footer_wrapper .complete_your_profile p.contact_5_people a {
	background-position: 0px -96px;
}
div.content_footer_wrapper .suggestion p a {
	/* No icons for SRS suggestions */
	background-image: url(http://akcdn.okccdn.com/media/img/template/bot_footer.png);
	height: 50px;
	line-height: 50px;
	padding-left: 60px !important;
	padding-right: 30px !important;
	color: #2855A2;
}
div.content_footer_wrapper .suggestion p a:hover {
	color: #ff1e72;
}


/* Content Footer Matches */
div.content_footer_matches {
	background: none repeat scroll 0 0 #E7EEF5;
	padding: 15px;
	border-top: 1px solid #CEDDEB;
}
div.content_footer_matches div.footer_match {
	background: #ecf2f7;
	border: 1px solid #cddceb;
	border-bottom: 1px solid #c2d4e6;
	margin-right: 6px;
	padding: 13px;
	float: left;
	width: 155px;
	line-height: 16px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* -moz-box-shadow: 0 1px 0 white inset, 0 2px 0 #dee8f1, 0 1px 0 #d8e3ef; */
	/* -webkit-box-shadow: 0 1px 0 white inset, 0 2px 0 #dee8f1, 0 1px 0 #d8e3ef; */
	/* box-shadow: 0 1px 0 white inset, 0 2px 0 #dee8f1, 0 1px 0 #d8e3ef; */
}
div.content_footer_matches div.last {
	margin-right: 0;
}
div.content_footer_matches div.footer_match a.thumbnail {
	display: block;
	float: left;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	margin-right: 10px;	
	margin-bottom: 10px;
}
div.content_footer_matches div.footer_match a.thumbnail img {
	width: 96px;
	height: 96px;
	display: block;
}
div.content_footer_matches div.footer_match ul.percentages {
	font-size: 10px;
	line-height: 12px;
	width: 49px;
	float: left;
}
div.content_footer_matches div.footer_match ul.percentages li {
	text-align: center;
	padding-bottom: 5px;
	padding-top: 4px;
	border-bottom: 1px solid #C2D4E6;
}
div.content_footer_matches div.footer_match ul.percentages li.percentage {
	color: #ff1e72;
	border-top: 0;
}
div.content_footer_matches div.footer_match ul.percentages li.fpercentage {
	color: #2855A2;
}
div.content_footer_matches div.footer_match ul.percentages li.epercentage {
	border-bottom: 0;
}
div.content_footer_matches div.footer_match ul.percentages li p {
	font-size: 11px;
	/* font-weight: bold; */
}
div.content_footer_matches div.footer_match p.username {
	clear: both;
	font-weight: bold;
	line-height: 14px;
	padding-bottom: 2px;
}
div.content_footer_matches div.footer_match p.details {
	font-size: 10px;
	line-height: 13px;
}
div.content_footer_matches div.footer_match p.location {
	font-size: 10px;
	/* color: #999; */
	line-height: 13px;
}





div.pages {
	clear: both;
	padding: 10px;
	font-size: 11px;
	line-height: 14px;
	position: relative;
}
div.pages span.display {
	padding: 3px 7px;
	border: 1px solid #e3e3e3;
	color: #999;
	margin-right: 2px;
}

div.pages ul {
	float: right;
	margin: 0px;
}
div.pages ul li {
	background: none;
	display: inline;
	color: #2855A2;
	margin-right: 2px;
}
div.pages ul li a {
	background: #eee;
	padding: 4px 8px;
	font-weight: normal;
}
div.pages ul li a:hover {
	background: #d5e1ed;
	color: #2855A2;
}

div.pages ul li.active {
	color: #569424;
	background: #e8f2e0;
	font-weight: bold;
	padding: 3px 7px;
	border: 1px solid #d4e5c7;
}
div.pages ul li.inactive {
	padding: 3px 7px;
	border: 1px solid #e6e6e6;
	color: #ccc;
}
div.pages ul li.more {
	padding: 0px 3px;
	color: #ccc;
	position: relative;
	top: -3px;
}
div.pages ul li.next {
	margin-right: 0px;
}

/* SHADOWBOX STYLE --------------------------------------------------------- */
div.shadowbox {
	padding: 3px;
	background: #0b2847; /* dark blue */
	background: #63a62f; /* green */
	background: #183b62 !important; /* sidebar blue */

	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
	box-shadow: 0px 5px 10px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.25);
	
}
div.shadowbox.borderless {
	padding: 0;
}
div.shadowbox .container {
	background: #fafafa !important;
	color: #555;
	font-size: 12px;
	padding: 15px;
	position: relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}
div.shadowbox .container .title {
	background: #fff;
	position: relative;
	color: #777;
	margin: -15px -15px 15px -15px;
	border-bottom: 1px solid #eee;
	padding: 9px 15px 8px 15px;
	font-size: 15px;
	font-weight: normal;
	line-height: 18px;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	

}
div.shadowbox .container a.close {
	position: absolute;
	top: 9px;
	right: 9px;
	z-index: 999;
	height: 16px;
	width: 16px;
	text-indent: 20px;
	overflow: hidden;
	background: url(http://akcdn.okccdn.com/media/img/icons/closebutton.png) no-repeat 0px 0px;
}
div.shadowbox .container a.close:hover {
	background: url(http://akcdn.okccdn.com/media/img/icons/closebutton.png) no-repeat 0px -16px;
}
div.shadowbox .container div.buttons {
	height: 25px;
	padding: 5px 0px 0px 0px;
	position: relative;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	
}

/* Photo uploader shadowbox */

div#uploader {
	position: absolute;
	top: 100px;
	left: 110px;
	right: 110px;
	z-index: 5000;
}
div#uploader #uploader_loader {
	position: absolute;
	background: #fafafa;
	height: 84px;
	width: 524px;
}
div#uploader #uploader_loader div.beaker {
	margin: 0 auto;
	width: 80px;
	height: 80px;
	background: #1e1e1e url(http://akcdn.okccdn.com/media/img/template/flask_loader_40f.gif) center center no-repeat;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
div#uploader h4 {
	margin: 0;
	font-size: 14px;
	color: #555;
}
div#uploader div.sr_message#uploader_sr_text {
	margin: 0;
	padding-bottom:15px;
}
div#uploader p.oknotice_error {
	margin: 0;
}
div#uploader div#uploader_content-upload-instructions {
	display: none;
}
div#uploader div.buttons {
	margin: 15px -15px 0 -15px;
	padding: 8px 15px;
	background: #fff;
	border-top: 1px solid #ddd;
}
div#uploader div.buttons p.btn {
	float: left;
	margin: 0 5px 0 0;
	width: 120px;
}
div#uploader div.buttons p.btn.right {
	float: right;
	margin: 0 0 0 5px;
}
div#uploader div#uploader_content.withpic {
	min-height: 41px;
}
div#uploader div#uploaded_thumb {
	float: right;
	box-shadow: 0 1px 3px #999999;
	-moz-box-shadow: 0 1px 3px #999999;
	-webkit-box-shadow: 0 1px 3px #999999;
	
}
div#uploader div#uploaded_thumb img {
	width: 60px;
	height: 60px;
}
div#uploader_beaker {
	position: absolute;
	margin: -50px 0 0 -50px;
	left: 50%;
	top: 50%;
	width: 100px;
	height: 100px;
	background: #1e1e1e url(http://akcdn.okccdn.com/media/img/template/flask_loader_40f.gif) center center no-repeat;
	z-index: 5001;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
div#uploader_beaker_outer {
	position: absolute;
	margin: 50px 0 0 -50px;
	left: 50%;
	width: 100px;
	height: 100px;
	background: #1e1e1e url(http://akcdn.okccdn.com/media/img/template/flask_loader_40f.gif) center center no-repeat;
	z-index: 5001;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
div#uploader.shadowbox div.container {
	padding: 15px 15px 0 15px;
}
div#uploader iframe {
	width: 524px;
	height: 70px;
	overflow-y: hidden;
}
div#uploader p.large_new_pic {
	display: none;
}
div#uploader div#cropregion {
	margin: 10px 0;
}
div#uploader div.sr_message {
	margin-bottom: 0;
}

/* Photo uploader inside iframe */

#okuploader.single {
	background: #fafafa !important;
}
#okuploader.single p.next {
	font-size: 11px;
	margin: 0 0 12px;
}
#okuploader.single div.okupload-prompt p.btn {
	float:left;
	margin: 10px 4px 0 0;
	width: 180px;
}
#okuploader.single input#url {
	padding: 4px 6px;
    width: 254px;
    border: 1px solid #CCC;
    border-top: 1px solid #BBB;
    border-image: initial;
	width: 524px;
	box-shadow: 0 1px #f3f3f3, 0 1px #fff;
	-moz-box-shadow: 0 1px #f3f3f3, 0 1px #fff;
	-webkit-box-shadow: 0 1px #f3f3f3, 0 1px #fff;
	
}
#okuploader.single input.submit {
	display: none;
}
#okuploader.single #okupload-load-indicator {
	display: none;
}

/* The ajaxuploader iframe can only include one css file, so oknotice_error
   styles need to be here if they're to be used in the iframe */

div.shadowbox#okuploader .oknotice_error {
	margin: 0;
	padding: 12px 16px;
	width: auto;
	font-family: verdana, sans-serif;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
p.tweet {
	float: right;
	margin-right: 15px;
	line-height: 35px;
	background: url(http://akcdn.okccdn.com/media/img/buttons/light_blue_cap1.png) right top no-repeat;	
}
p.tweet a {
	display: block;
	margin: 0 5px 0 0;
	padding: 0 0 0 5px;
	background: url(http://akcdn.okccdn.com/media/img/buttons/light_blue_slide1.png) 0 0 no-repeat;
}
p.tweet a span {
	display: block;
	padding: 0 10px 0 30px;
	font-size: 12px;
	text-transform: none;
	background: transparent url(http://akcdn.okccdn.com/media/img/icons/twitter_t_2.png) 7px center no-repeat;
}

/* Confirm tweet dialgoue --------------------------------------------------- */

#tweet_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 600;
}
#tweet_box {
	position: absolute;
	margin: 0 0 0 -150px;
	left: 50%;
	top: 250px;
	width: 480px;
	background: #fff;
	z-index: 601;
}
#tweet_box div.top {
	margin: 0;
	background: url(http://akcdn.okccdn.com/media/img/backgrounds/signup_box_cap.png) no-repeat 0 0;
	height: 10px;
	position: relative;
	top: -10px;
	width: 480px;
}
#tweet_box div.bottom {
	background: url(http://akcdn.okccdn.com/media/img/backgrounds/overlay_dialogue_box_bottom.png) no-repeat 0 0;
	bottom: -10px;
	height: 10px;
	position: relative;
	width: 480px;
}
#tweet_box div.container {
	padding: 17px;
}
/*
#tweet_box div.container p.twitter_icon {
	float: left;
	margin: 0 10px;
	width: 35px;
	height: 30px;
	background: #f6f6f6 url(http://akcdn.okccdn.com/media/img/icons/twitter_t_3.png) center center no-repeat;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
*/
#tweet_box div.container p.tweetext {
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	color: #2963a4;
}
#tweet_box div.container p.tweetext span.prefix {
	font-weight: normal;
	color: #777;
}
#tweet_box div.container p.btn {
	float: left;
	margin: 0 3px 0 0;
}
#tweet_box div.container div.input_area {
	float: left;
	margin: 15px 0 0;
	width: 223px;
}
#tweet_box div.container div.input_area label {
	display: block;
	margin-bottom: 2px;
	font-size: 17px;
}
#tweet_box div.container div.input_area input,
#tweet_box div.container div.input_area div.saved {
	margin: 0;
	padding: 4px;
	width: 210px;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	background: #fff;
	border: 1px solid #ccc;
}
#tweet_box div.container div.input_area div.saved {
	font-style: italic;
	line-height: 16px;
	color: #777;
	cursor: pointer;
}
#tweet_box div.tweet_options {
	clear: both;
	margin: 0 3px 0 0;
	padding: 30px 0 0;
	line-height: 25px;
}
#tweet_box div.tweet_options p.btn {
	margin-top: 0;
}
#tweet_box div.tweet_options span,
#tweet_box div.response span {
	padding-left: 20px;
	font-size: 11px;
}
#tweet_box div.container div.response {
	margin: 15px 0 0 0;
	line-height: 25px;
}
#tweet_box div.container div.response div.failure_text {
	clear: left;
	margin: 0;
	padding: 10px 0 0;
}
#tweet_box div.container div.response div.failure_text p {
	margin: 5px 0 0;
}/* STAR RATINGS ------------------------------------------------------------ */

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating { background: url(http://akcdn.okccdn.com/media/img/template/general_rating_16px.png) left -1000px repeat-x; }
.star-rating,
.star-rating.disabled a:hover,
.star-rating.disabled a:active,
.star-rating.disabled a:focus,
.star-rating.disabled .current-rating {
	cursor: default;
}
.star-rating:hover .current-rating { display: none; }
.star-rating.disabled:hover .current-rating { display: block; }
.star-rating {
	position:relative;
	width: 80px;
	height: 12px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
	z-index: 3;
}
.star-rating li {
	display: inline;
	margin-left: 0;
}
.star-rating a,
.star-rating .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height: 12px;
	line-height: 12px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active { background-position: left center; }
.star-rating.disabled a:hover,
.star-rating.disabled a:active { background-position: left top; }
.star-rating a.one-star {
	width:20%;
	z-index:9;
}
.star-rating a.two-stars {
	width:40%;
	z-index:8;
}
.star-rating a.three-stars {
	width:60%;
	z-index:7;
}
.star-rating a.four-stars {
	width:80%;
	z-index:6;
}
.star-rating a.five-stars {
	width:100%;
	z-index:5;
}
.star-rating .current-rating {
	z-index:1;
	background-position: left bottom;
}
.inline-rating {
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}
.medium_gray,
.medium_gray a:hover,
.medium_gray a:active,
.medium_gray a:focus,
.medium_gray .current-rating { background: transparent url(http://akcdn.okccdn.com/media/img/misc/stars/old_8/stars_interactive.png) repeat-x scroll left -1000px; }
.medium_gray .current-rating { background-position: left bottom; }
.medium_gray {
	height: 17px;
	width: 90px;
	background-position: left top;
}
.medium_gray a { height: 17px; }
.medium_gray a:hover,
.medium_gray a:active,
.medium_gray a:focus { background-position: left center; }
.medium_gray a,
.medium_gray .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height: 17px;
	line-height: 17px;
	outline:none;
	overflow:hidden;
	border: none;
}
.gold_stars,
.gold_stars a:hover,
.gold_stars a:active,
.gold_stars a:focus,
.gold_stars .current-rating { background: transparent url(http://akcdn.okccdn.com/media/img/buttons/gold_stars_24.png) repeat-x scroll left -1000px; }
.gold_stars .current-rating { background-position: left bottom; }
.gold_stars {
	height: 15px;
	width: 80px;
	background-position: left top;
}
.gold_stars a { height: 15px; }
.gold_stars a:hover,
.gold_stars a:active,
.gold_stars a:focus { background-position: left center; }
.gold_stars a,
.gold_stars .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height: 15px;
	line-height: 15px;
	outline:none;
	overflow:hidden;
	border: none;
}

div.public_warning {
	position: absolute;
	background: #0E2D6C;
	background: -moz-linear-gradient(top, #163B7E, #051E5A);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#163B7E), to(#051E5A));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#163B7E', endColorstr='#051E5A');
	border: 1px solid #051E5A;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 2;
	box-shadow: 0 1px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
	
}
div.public_warning span.wedge {
	position: absolute;
	display: block;
	margin: 0 !important;
	top: -10px;
	right: 24px;
	width: 13px;
	height: 12px;
	background: transparent url(http://akcdn.okccdn.com/media/img/template/blue_wedge.png) 0 0 no-repeat;
}
body.ie6 div.public_warning span.wedge,
body.ie7 div.public_warning span.wedge,
body.ie8 div.public_warning span.wedge,
body.ie9 div.public_warning span.wedge {
	display: none;
	visibility: hidden;
}
div.public_warning p {
	padding: 9px 14px;
	width: 200px;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	text-shadow: none;
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	box-shadow: inset 0 1px 0 #285AA5;
	-moz-box-shadow: inset 0 1px 0 #285AA5;
	-webkit-box-shadow: inset 0 1px 0 #285AA5;
	
}/* Styled Form Elements ---------------------------------------------------- */

form.styled div.form_element {
	float: left;
	background: none;
	margin-right: 17px;
	margin-bottom: 0;
}
form.styled div.form_element p.button {
	float: left;
	background: transparent url(http://akcdn.okccdn.com/media/img/forms/select_bg_blue_24.png) left top no-repeat;
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
	margin-bottom: 5px;
	width: 100%;
}
form.styled div.form_element p.button a,
form.styled div.form_element ul li {
	color: #2855A2;
	font-size: 11px;
	font-weight: bold;
}
form.styled div.form_element ul li span,
form.styled div.form_element p.button a span span {
	font-weight: normal;
}
form.styled div.form_element p.button a {
	background: transparent url(http://akcdn.okccdn.com/media/img/forms/select_slide_blue_24.png) right top no-repeat;
	display: block;
	height: 25px;
	margin-right: -13px;
	line-height: 23px;
	padding: 0 0 0 13px;
}
form.styled div.form_element p.button a span.arrow {
	background: transparent url(http://akcdn.okccdn.com/media/img/forms/select_arrow_sprite.png) 0 -4px no-repeat;
	padding: 2px 4px;
	margin:10px 13px 0 0;
	float: right;
	overflow: hidden;
}
form.styled div.selector p.button a:hover span.arrow { background-position: 0 0; }
form.styled div.selector p.button a:hover,
form.styled div.selector ul li.hover {color: #628cbc;}
form.styled div.form_element p.active { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_bg_open_blue_24.png); }
form.styled div.form_element p.active a { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_slide_open_blue_24_b.png); }
form.styled div.form_element .drop_wrap {
	position: absolute;
	padding-right: 13px;
	margin-top: 23px;
	width: 100%;
	z-index: 1000;
	background: transparent url(http://akcdn.okccdn.com/media/img/forms/select_drop_slide_24.png) right bottom no-repeat;
}
form.styled div.form_element ul {
	background: transparent url(http://akcdn.okccdn.com/media/img/forms/select_drop_bg_24.png) left bottom no-repeat;
	padding: 5px 0 11px 2px;
	margin: 0 -1px 0 0;
}
form.styled div.form_element ul li {
	padding: 0 0 0 10px;
	line-height: 22px;
	cursor: pointer;
	width: 100%;
}
form.styled div.form_element ul li.divvy {
	padding: 0 0 0 0;
	width: auto;
	margin: 7px 0 7px 10px;
	border-bottom: 1px solid #bed0e4;
}
form.styled div.form_element.green ul li.divvy {
	border-bottom: 1px solid #b4d49b;
}
form.styled div.form_element ul li.hover { background: #f8fafc; }
form.styled span.remove {
	overflow: hidden;
	margin:4px 7px 0 -5px;
	float: right;
	padding: 7px;
	background: transparent url(http://akcdn.okccdn.com/media/img/forms/element_remove_sprite.png) 0 0 no-repeat;
}
form.styled div.open span.remove {
	display: none;
}
form.styled div.form_element.selector li input.checkbox {
	float: left;
	margin-left:0;
	margin-right:6px;
}
form.styled span.r_hover { background-position: 0 -14px; }
/* Pink */
form.styled div.form_element.pink p.button a,
form.styled div.form_element.pink ul li { color: #f83265; }
form.styled div.selector.pink p.button a:hover,
form.styled div.selector.pink ul li.hover { color: #fa698e; }
form.styled div.form_element.pink ul li.hover { background: #fff5f7; }
form.styled div.form_element.pink p.button { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_bg_pink_24_b.png); }
form.styled div.form_element.pink p.button a { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_slide_pink_24_b.png); }
form.styled div.form_element.pink p.button.active { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_bg_open_pink_24.png); }
form.styled div.form_element.pink p.button.active a { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_slide_open_pink_24_b.png); }
form.styled div.form_element.pink .drop_wrap { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_drop_slide_pink_24.png); }
form.styled div.form_element.pink ul { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_drop_bg_pink_24.png); }
form.styled div.form_element.pink p.button a span.arrow { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_arrow_sprite_pink.png); }
form.styled div.scale span.remove, 
form.styled div.form_element.pink span.remove { background-image: url(http://akcdn.okccdn.com/media/img/forms/element_remove_sprite_pink.png); }
/* Green */
form.styled div.form_element.green p.button a,
form.styled div.form_element.green ul li { color: #4c9021; }
form.styled div.selector.green p.button a:hover,
form.styled div.selector.green ul li.hover { color: #4c9021; }
form.styled div.form_element.green ul li.hover { background: #fff; }
form.styled div.form_element.green p.button { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_bg_green_24_b.png); }
form.styled div.form_element.green p.button a { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_slide_green_24_b.png); }
form.styled div.form_element.green p.button.active { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_bg_open_green_24.png); }
form.styled div.form_element.green p.button.active a { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_slide_open_green_24_b.png); }
form.styled div.form_element.green .drop_wrap { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_drop_slide_green_24.png); }
form.styled div.form_element.green ul { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_drop_bg_green_24.png); }
form.styled div.form_element.green p.button a span.arrow { background-image: url(http://akcdn.okccdn.com/media/img/forms/select_arrow_sprite_green.png); }
form.styled div.form_element.green p.button a,
form.styled div.form_element.green ul li { color: #4c9021; }
form.styled div.selector.green p.button a:hover,
form.styled div.selector.green ul li.hover { color: #4c9021; }

form.styled div.selector ul li.pro,
form.styled div.selector ul li.hover.pro { color: #f83265; }

form.styled div.form_element.green ul li.hover { background: #fff; }
form.styled div.form_element ul li.disabled {
	background: #e7eef5;
	opacity: 0.3;
}
form.styled div.form_element.green ul li.disabled,
form.styled div.form_element.green ul li.disabled { background: #e8f2e0; }
form.styled div.form_element.pink ul li.disabled { background: #feeaef; }
form.styled div#add_filter,
form.styled div#add_filter .drop_wrap {
	width: 160px;
}

form.styled #ages_drop input { text-align: center; }
/* specifics */
form.styled #dating_persona_drop li span.male,
form.styled #dating_persona_drop li span.female {font-weight: bold;}

form.styled ul#languages_drop,
form.styled ul#location_interface_drop { float: left; }
form.styled ul#languages_drop p,
form.styled ul#location_interface_drop p {
	float: left;
	margin: 5px 0;
}
form.styled ul#languages_drop p.label,
form.styled ul#location_interface_drop p.label {
	clear: left;
	width: 54px;
}
form.styled ul#location_interface_drop input.location_input {
	color: #2A65A6;
	font-size: 10px;
	padding: 2px;
	width:130px;
	border: 1px solid #bed0e4;
}
form.styled ul#location_interface_drop p#find_btn { 
	font-size: 10px;
	color: #2A65A6;
	font-weight: normal;
}
form.styled ul#location_interface_drop p.input { width: 180px; }
form.styled ul#location_interface_drop p#city-input { width: 148px; }
form.styled ul#location_interface_drop p.radios { margin-left: 54px; }
form.styled ul#location_interface_drop p.radios input {
	margin: 0 5px 0 0;
	float: left;
}
form.styled ul#location_interface_drop p.radios span {
	font-weight: bold;
	display: block;
	float: left;
	line-height: 1.1em;
	margin-right: 10px;
}
form.styled ul#location_interface_drop select {	margin-top: 2px; }
form.styled ul#ages_drop li p { margin: 5px 0; }
form.styled ul#ages_drop li p input {
	height: 20px;
	line-height: 20px;
	border: 1px solid #bed0e4;
	width: 30px;
}
form.styled ul#keywords_search_drop p { margin: 0; }
form.styled ul#keywords_search_drop span.label { font-weight: bold; }
form.styled ul#keywords_search_drop textarea {
	height: 40px;
	border: 1px solid #bed0e4;
	width: 226px;
}
form.styled ul#heights_drop p { margin: 0; }
form.styled p#city-input select { width: 170px; }
form.styled p#lquery-notice {
	line-height: 1.1em;
	padding: 0px 10px 5px 55px;
}
form.styled ul#languages_drop p { margin: 2px 0; }
form.styled p.checkbox {
	width:auto;
	clear:both;
	font-weight: normal;
}
form.styled p.checkbox input {
	float:left;
	margin:4px 3px 0 0;
}
form.styled select#language {
	margin-top: 2px;
	width: 117px;
}
/* Sliders */
form.styled p.slide_track {
	width: 120px;
	height: 8px;
	padding: 0;
	margin: 0;
	position: relative;
	background: transparent url(http://akcdn.okccdn.com/media/img/forms/slider_track.png) no-repeat;
}
form.styled span.slide_knob {
	display: block;
	height: 14px;
	width: 14px;
	position: absolute;
	top: -3px;
	background: transparent url(http://akcdn.okccdn.com/media/img/forms/slider_knob.png) no-repeat;
	cursor: pointer;
}
form.styled div.light p.slide_track { background-image: url(http://akcdn.okccdn.com/media/img/forms/slider_track_light.png); }
form.styled div.light p.slide_knob { background-image: url(http://akcdn.okccdn.com/media/img/forms/slider_knob_light.png); }
form.styled div.scale {
	width: 120px;
	padding: 10px;
	float: left;
	margin-bottom: 10px;
	margin-right:6.5px;
}
form.styled div.personality_scaler {
	background: transparent url(http://akcdn.okccdn.com/media/img/forms/flat_pro_sort_bg.png) 0 0 no-repeat;
	height: 130px;
}
form.styled div.custom_scaler {
	background: transparent url(http://akcdn.okccdn.com/media/img/forms/flat_pro_sort_bg_small.png) 0 0 no-repeat;
	height: 77px;
}
form.styled div.scale select { font-size: 10px; }
@media all and (min-width:0px) {
	/* safari only */
    :root head~body form.styled div.scale select { font-size: 11px; }
}
form.styled div.custom_scaler select { width: 97px; }
form.styled div.personality_scaler select { width: 97px; }
form.styled div.scale span.remove { margin:3px 1px 0 3px; }
form.styled div.personality_scaler div.primary_scale,
form.styled div.scale div.import_scale {
	color: #f83265;
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
}
form.styled div.personality_scaler div.primary_scale { margin-top: 15px; }
form.styled div.scale div.import_scale { margin-top: 14px; }
form.styled div.custom_scaler div.import_scale {margin-top: 17px;}
form.styled div.personality_scaler span.bound {	display: block; opacity: 0.6; background: #feeaef;}
form.styled div.personality_scaler span.upper {	text-align: right; }
form.styled div.scale span.relative {
	font-weight: normal;
	font-size: 9px;
}
form.styled div.scale p.importance {
	text-align: center;
	margin-bottom: 3px;
}
form.styled div.scale span.more { float: right; }
form.styled div.scale span.less { float: left; }
form.styled div.scale p.slide_track { margin: 2px 0; }
form.styled div.scale span.slide_knob { left: 53px; }
p.add_sort {
	float: left;
	margin-top: 3px;
}
p.add_sort a {
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	background: transparent url(http://akcdn.okccdn.com/media/img/forms/add_pro_sort.png) 0 0 no-repeat;
}
p.add_sort a:hover {
	background-position: left bottom;
}
/* STAFF ROBOT MESSAGES ---------------------------------------------------- */

div.sr_message {
	margin-bottom: 40px;
}
div.sr_message#sr_wholepage {
	margin: 0px 120px;
}
div.sr_message.sad {
	background: url(http://akcdn.okccdn.com/media/img/misc/bot-sad.png) no-repeat center bottom;
	padding-bottom: 150px;
}
div.sr_message.small_ovals {
	background: transparent url(http://akcdn.okccdn.com/media/img/staffrobot/bot_smallovaleyes.png) no-repeat center bottom;
	padding-bottom: 155px;
	margin-bottom: 20px;
}
div.sr_message.angry {
	background: transparent url(http://akcdn.okccdn.com/media/img/misc/bot-angry.png) no-repeat center bottom;
	padding-bottom: 190px;
	margin-bottom: 20px;
}
div.sr_message.blush {
	background: transparent url(http://akcdn.okccdn.com/media/img/misc/bot-blush-med.png) no-repeat center bottom;
	padding-bottom: 155px;
	margin-bottom: 20px;
}

div.sr_message p {
	color: #6a94c4;
	font-size: 12px;
	padding: 15px 15px 30px 15px;
	position: relative;
	overflow: visible;
	background: #e7eef5;
}
div.sr_message.sad p,
div.sr_message.angry p,
div.sr_message.small_ovals p {
	margin-bottom: 15px;
}
div.sr_message p span.signature {
	display: block;
	font-family: Georgia, serif;
	font-style: italic;
	position: relative;
	top: 10px;
}
div.sr_message p span.tail {
	background: url(http://akcdn.okccdn.com/media/img/backgrounds/msg_tails.png) no-repeat -115px top;
	display: block;
	width: 50px;
	height: 18px;
	position: absolute;
	bottom: -18px;
	left: 50px;
}
.sr_message.no_tail {
	margin-bottom: 23px;
}

.sr_message.mini {
	margin-right: 10px;
	position: relative;
}

.sr_message.mini p {
	padding: 10px 15px !important;
	font-size: 11px !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.sr_message.mini .mini_staffrobot {
	position: absolute;
	right: -15px;
	bottom: -9px;
}

/* Color Variations */
div.sr_message.red p {
	background: #FCE8EE;
	color: #F83265;
}
div.sr_message.red p span.tail {
	background: url(http://akcdn.okccdn.com/media/img/backgrounds/msg_tails_five.png) no-repeat -165px top;
}
div.sr_message.green p {
	background: #E8F2E0;
	color: #539722;
}
div.sr_message.green p span.tail {
	background: url(http://akcdn.okccdn.com/media/img/backgrounds/msg_tails_five.png) no-repeat -215px top;
}


/* STAFF ROBOT ONE-LINERS -------------------------------------------------- */

div.sr_note {
	margin: 0 25px 20px 15px;
	_margin: 0 15px 20px;
	position: relative;
	padding: 8px 25px 8px 15px;
	background: #e7eef5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.sr_note p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #6a94c4;
}
div.sr_note div {
	_display: none; /* ie6... not worrying about this now. */
	position: absolute;
	right: -15px;
	bottom: -9px;
	width: 48px;
	height: 47px;
	background: transparent url(http://akcdn.okccdn.com/media/img/misc/bot-interests.png) 0 0 no-repeat;
}/* Upgrade Ads ------------------------------------------------------------- */

div.top_upgrade_ad {
	position: relative;
	clear: both;
	margin: 10px;
	padding: 10px;
	width: 740px;
	background: #fff url(http://akcdn.okccdn.com/media/img/backgrounds/pro_ad_bg_general.png) 0 0 no-repeat;
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #c7c7c7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div#attachment_ad {
	background: #fff url(http://akcdn.okccdn.com/media/img/alist/alist_photo_attachments_bg.png) 0 0 no-repeat;
	height: 280px;
}
div#pro_ad_mail { background: #fff url(http://akcdn.okccdn.com/media/img/backgrounds/mail_bg.png) 0 0 no-repeat; }
div.reply_warning {
	margin-left: 0px;
	margin-bottom: 30px;
	top: 20px;
}
div.top_upgrade_ad div.staffrobot_text {
	float: right;
	margin: 45px 0 0;
	width: 250px;
	font-family: georgia;
	font-size: 16px;
	font-style: italic;
	color: #777;
	line-height: 20px;
}
div#attachment_ad div.staffrobot_text {
	margin: 95px 0 0;
	width: 235px;
}
div.top_upgrade_ad div.staffrobot_text p.one {
	margin: 0;
}
div.top_upgrade_ad div.staffrobot_text p.two {
	margin: 0 15px;
	text-align: right;
	font-size: 12px;
}
div.top_upgrade_ad p.title {
	margin: 3px 0 0 52px;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	color: #f83265;
}
div.top_upgrade_ad ul {
	margin: 62px 0 0 5px;
}

div#attachment_ad ul {
	margin: 108px 0 0 15px;
}

div.top_upgrade_ad ul li {
	padding: 0 0 9px 25px;
	font-size: 11px;
	line-height: 16px;
	color: #2f67a6;
	background-position: 0 0;
	background-repeat: no-repeat;
}
div.top_upgrade_ad ul li.selected {font-weight: bold;}
div.top_upgrade_ad ul li.albums {background-image: url(http://akcdn.okccdn.com/media/img/icons/upgrade_albums.png);}
div.top_upgrade_ad ul li.attachments {background-image: url(http://akcdn.okccdn.com/media/img/icons/upgrade_attachments.png);}
div.top_upgrade_ad ul li.awards {background-image: url(http://akcdn.okccdn.com/media/img/icons/upgrade_reviews.png);}
div.top_upgrade_ad ul li.match {background-image: url(http://akcdn.okccdn.com/media/img/icons/upgrade_match.png);}
div.top_upgrade_ad ul li.no_ads {background-image: url(http://akcdn.okccdn.com/media/img/icons/upgrade_no_ads.png);}
div.top_upgrade_ad ul li.nag,
div.top_upgrade_ad ul li.full_mailbox,
div.top_upgrade_ad ul li.almost_full_mailbox,
div.top_upgrade_ad ul li.received_anyway,
div.top_upgrade_ad ul li.receiver_mailbox_full {background-image: url(http://akcdn.okccdn.com/media/img/icons/upgrade_mailbox.png);}
div.top_upgrade_ad ul li.pro_forums {background-image: url(http://akcdn.okccdn.com/media/img/icons/upgrade_forums.png);}
div.top_upgrade_ad ul li.pro_thread_start {background-image: url(http://akcdn.okccdn.com/media/img/icons/upgrade_forums.png);}
div.top_upgrade_ad div.upgrade_button {
	position: absolute;
	right: 15px;
	bottom: 0;
	width: 386px;
}

div#attachment_ad div.upgrade_button {
	right: 185px;
}

div.top_upgrade_ad div.upgrade_button p.btn {
	width: 386px;
}
div.top_upgrade_ad div.upgrade_button p.btn a {
	padding-top: 9px;
	padding-bottom: 9px;
}
div.top_upgrade_ad div.upgrade_button p.btn a span {
	display: block;
	margin: 0 112px;
	width: 156px;
	height: 16px;
	background: transparent url(http://akcdn.okccdn.com/media/img/buttons/upgrade_button_text2.png) center center no-repeat;
}

div#attachment_ad a#close_pro_ad {
	font-size: 11px;
	position: absolute;
	right: 10px;
	top: 6px;
}


/* Side ad */

div.side_upgrade_ad {
	margin: 0 13px;
	padding: 10px;
	width: 242px;
	background: #fff;
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #c7c7c7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.side_upgrade_ad ul {margin: 80px 10px 0 10px;}
div.side_upgrade_ad ul li {
	padding: 0 0 9px 25px;
	font-size: 11px;
	line-height: 16px;
	color: #2f67a6;
	background-position: 0 0;
	background-repeat: no-repeat;
}
div.side_upgrade_ad ul li.selected {font-weight: bold;}
div.side_upgrade_ad ul li.albums {background-image: url(http://akcdn.okccdn.com/media/img/icons/upgrade_albums.png);}
div.side_upgrade_ad ul li.attachments {background-image: url(http://akcdn.okccdn.com/media/img/icons/upgrade_attachments.png);}
div.side_upgrade_ad ul li.awards {background-image: url(http://akcdn.okccdn.com/media/img/icons/upgrade_reviews.png);}
div.side_upgrade_ad ul li.match {background-image: url(http://akcdn.okccdn.com/media/img/icons/upgrade_match.png);}
div.side_upgrade_ad ul li.no_ads {background-image: url(http://akcdn.okccdn.com/media/img/icons/upgrade_no_ads.png);}
div.side_upgrade_albums {background: #fff url(http://akcdn.okccdn.com/media/img/alist/alist_upgrade_albums_bg.png) 0 5px no-repeat;}
div.side_upgrade_attachments {}
div.side_upgrade_awards {background: #fff url(http://akcdn.okccdn.com/media/img/alist/alist_upgrade_awards_ad.png) 0 -4px no-repeat;}
div.side_upgrade_match {}
div.side_upgrade_no_ads {}
div.side_upgrade_ad p.btn {
	margin: 20px 0 0;
	width: 242px;
}
div.side_upgrade_ad p.btn a {
	padding-top: 9px;
	padding-bottom: 9px;
}
div.side_upgrade_ad p.btn a span {
	display: block;
	margin: 0 40px;
	width: 156px;
	height: 16px;
	background: transparent url(http://akcdn.okccdn.com/media/img/buttons/upgrade_button_text2.png) center center no-repeat;
}

/* Thin ad */

div.thin_upgrade_ad {
	margin: 10px;
	padding: 10px;
	width: 736px !important;
	background: transparent url(http://akcdn.okccdn.com/media/img/icons/pink_exclamation_small3.png) 10px 13px no-repeat;
	border: 2px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.thin_upgrade_ad p.btn.small {
	float: right;
	margin: 3px 3px 0;
	width: 220px;
}
div.thin_upgrade_ad p.one {
	margin: 0 0 3px 42px;
	font-family: Verdana, "Bitsream Vera Sans", sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	color: #f83265;
}
div.thin_upgrade_ad p.two {
	margin: 0 0 3px 42px;
	font-size: 12px;
	line-height: 12px;
	color: #666;
}


/* Browse anonymous promo */
div#browseanon_promo {
	clear: both;
	margin: 15px 0;
}
div#browseanon_promo a {
	display: block;
	background: #FEE9EE;
	color: #ff1e72;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
	overflow: auto;
	line-height: 15px;
	padding: 10px 0;
}
div#browseanon_promo a span.setup {
	display: block;
	float: left;
	width: 70px;
	height: 100%;
}
div#browseanon_promo a span.setup.twolines {
	line-height: 30px;
}
div#browseanon_promo a span.payoff {
	display: block;
	margin-left: 70px;
}
div#browseanon_promo a span.setup span,
div#browseanon_promo a span.payoff span {
	display: block;
	padding: 0 15px;
	text-align: left;
}
div#browseanon_promo a span.setup span {
	font-weight: bold;
}
div#browseanon_promo a span.payoff span {
	border-left: 1px solid #FDD5DF;
}
div#browseanon_promo a:hover span.payoff span {
	text-decoration: underline;
}/* 300x250 */

div.okad {
	width: 300px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 20px 0px;
}
div.okad#okad_bottom {
	margin-top: 20px;
}
div.okad div.frame {
	background: #fff;
	width: 300px;
}
div.okad div.frame iframe {
	border: 0;
}
div.okad p.notice {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #d9d9d9;
	letter-spacing: 1px;
	text-align: left;
	padding: 3px 0px 5px 0px;
}
div.okad p.notice a {
	font-weight: normal;
	letter-spacing: 0px;
	margin-left: 8px;
}



/* Ads ------------------------------------------------------------------------ */

#leaderboard_wrapper { 
	background: #000f2d;
	border-bottom: 1px solid #3269c8;
}
#leaderboard_wrapper p {
    color: #FFF;
    margin-bottom: 0;
    position: relative;
    text-align: center;
    top: -5px;
}
#leaderboard_wrapper p a {
    color: #F83265;
    font-weight: bold;
}
#leaderboard {
	height: 90px;
	margin: 0 auto;
	padding: 10px;
	width: 728px;
}

#skyscraper_ad,
.content_skyscraper_ad {
	height: 600px;
	width: 160px;
	background: #fff;
}
#skyscraper_ad p,
#sidebar_skyscraper_ad p,
.content_skyscraper_ad p,
.ad_wrapper p {
	color: #7FA1C8;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
}
#sidebar_skyscraper_ad iframe { margin: 0px 0px 0px -2px !important; }
#sidebar_skyscraper_ad p { padding-top: 4px !important; }
#sidebar_skyscraper_ad p.upgrade { padding-top: 0px !important; }
#text_ad,
#site_news_alt {
	background: #CDD9E6;
	color: #444;
	font-size: 11px;
	margin: 10px;
	padding: 5px 10px;
	width: 740px;
}
#text_ad span,
#site_news_alt strong {
	color: #666;
	font-size: 10px;
	font-weight: normal;
	padding-right: 5px;
	text-transform: uppercase;
}
#site_news_alt strong { color: #000; }
p.ad_notifier a.upgrade {
	font-style: italic;
	padding-left: 10px;
	font-weight: bold;
}
div#topAdWrap { text-align: center; }
div#top_bg_ad {
	margin-left: auto;
	margin-right: auto;
	width: 964px;
	height: 200px;
}
p.text_advertisement {
	background: #E747A6;
	font-size: 12px;
	color: #2855A2;
	margin: 5px;
	padding:5px;
	width: 155px;
	overflow: hidden;
}
div.leftbar p.text_advertisement span.item_type { color:#222; }
div.leftbar p.text_advertisement span.item_text a { color: #fff; }
div.leftbar p.text_advertisement a { color:#fff; }
p.text_advertisement span.item_type {
	text-transform: uppercase;
	color:#7b838a;
	display:block;
	text-align:center;
}
p.text_advertisement span { display: block; }
p.text_advertisement span.controls {
	display:block;
	text-align:center;
	margin: 0 50px;
}
p.text_advertisement a.ad_cycle_left {
	background:#cdd9e6 url(http://akcdn.okccdn.com/media/img/buttons/ad_cycle_left.png) 50% 50% no-repeat;
	margin: 0 1px 0 10px;
}
p.ad_notifier {
	font-size: 10px;
	color: #ccc;
	text-align: center;
	margin-bottom: 5px;
	text-transform: uppercase;
}


/* Page banner */

p.page_banner {
	height: 28px;
	line-height: 28px;
	text-shadow: 0px 1px 0px #fff;
	padding: 0px 25px 0px 34px !important;
	margin: 0px !important;
	border-bottom: 1px solid #fff;
	font-size: 11px;
	position: relative;
	color: #6a94c4;
	background: #e7eef5;
	box-shadow: inset 0px -1px 5px #D2DFEC;
	-moz-box-shadow: inset 0px -1px 5px #D2DFEC;
	-webkit-box-shadow: inset 0px -1px 5px #D2DFEC;
	
}
p.page_banner a.close {
	position: absolute;
	top: 6px;
	left: 10px;
	z-index: 999;
	height: 14px;
	width: 13px;
	text-indent: 20px;
	overflow: hidden;
	background: url(http://akcdn.okccdn.com/media/img/forms/element_remove_sprite.png) no-repeat 0px 0px;
}
p.page_banner a.close:hover {
	background-position: 0px -14px;
}
p.page_banner strong {
	padding-right: 6px;
}


/* pink page banner */
p.page_banner.pink {
	color: #ff1e72;
	background: #feeaef;
	box-shadow: inset 0px -1px 5px #fdd5df;
	-moz-box-shadow: inset 0px -1px 5px #fdd5df;
	-webkit-box-shadow: inset 0px -1px 5px #fdd5df;
	
}
p.page_banner.pink a {
	color: #ff1e72;
	background: transparent;
}
p.page_banner.pink a.close {
	background-image: url(http://akcdn.okccdn.com/media/img/forms/element_remove_sprite_pink.png);
}

/* green page banner */
p.page_banner.green {
	color: #539722;
	background: #e8f2e0;
	box-shadow: inset 0px -1px 5px #cbe0bb;
	-moz-box-shadow: inset 0px -1px 5px #cbe0bb;
	-webkit-box-shadow: inset 0px -1px 5px #cbe0bb;
	
}
p.page_banner.green a {
	color: #539722;
}
p.page_banner.green a.close {
	/* not a green image for this yet! */
	background-image: url(http://akcdn.okccdn.com/media/img/forms/element_remove_sprite.png);
}

/* Homepage takeovers */

a.takeover_link {
	display: none;
}
body.home_takeover div#profile_completion_block {
	display: none;
}
body.home_takeover.ie9 div.tabbed_heading,
body.home_takeover.ie8 div.tabbed_heading,
body.home_takeover.ie7 div.tabbed_heading,
body.home_takeover.ie6 div.tabbed_heading {
	filter: 0;
	-ms-filter: 0;
}
body.home_takeover div.tabbed_heading ul li.active a {
	cursor: pointer;
}
body.home_takeover div.tabbed_heading ul li.active a:hover strong {
	text-decoration: underline;
}
body.home_takeover div.tabbed_heading ul li.active a strong {
	color: #2855A2;
}
body.home_takeover div#takeover_boxes.page_banner a.takeover_link {
	top: 34px;
}
body.home_takeover.expanded div#skyscraper_floater_wrapper,
body.home_takeover div#skyscraper_floater_wrapper {
	display: none;
}	
body.home_takeover div#left_bar div.section.last-child {
	border-bottom: 0;
}
body.home_takeover div#main_content {
	border-top: 0;
}
body.home_takeover div.photobrowser ul.thumbnails li img {
	opacity: 0.6;
}
body.home_takeover div.sidebar div.block_outer_wrapper#side_extras,
body.home_takeover div.sidebar div.block_outer_wrapper#side_extras div.block_wrapper,
body.home_takeover div.sidebar div.block_outer_wrapper#side_extras div.block_wrapper div.block {
	border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
}
body.home_takeover div.sidebar div.block_outer_wrapper#side_extras div.block_wrapper div.block div.section {
	padding-bottom: 10px !important;
}ul { list-style: none; }

a.ilink:link,
a.ilink:visited {
	background: #E1E7EE;
	padding: 0 4px 2px;
}
a.ilink:hover,
a.ilink:active { background: none; }
a.plink:link,
a.plink:visited {
	background: #2F67A6;
	color: #FFF;
	padding: 0 4px 2px;
}
a.plink:hover,
a.plink:active {
	background: none;
	color: #2F67A6;
}
body div#main_content div.alist_badge {
	display: inline;
}
body div#main_content div.alist_badge img,
body div#main_content a.alist_badge img {
	bottom: -2px !important;
	left: 2px !important;
	position: relative;
	width: 37px;
	height: 15px;
}
label,
select,
input[type="submit"] { cursor: pointer; }

/* adding the class opacity_50 to the div/element will assist in cross-browser issues */
#screen_overlay {
	background: #000;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}
span.highlight {
	background-color: #F5EF30;
	padding: 2px;
}



/* Pretty print ------------------------------------------------------------ */

span.pretty_print {
	font-family: "courier new";
	font-size: 13px;
}
span.print_block {
	display: block;
	padding: 0 0 0 32px;
}


/* Classes -------------------------------------------------------------------- */

.ir { 
	letter-spacing : -1000em; 
	text-indent: -999em; /* for FF 3.0.8 */
}
.hidden { display: none !important; }
.success {
	margin: 10px 0 10px 10px;
	padding: 7px 10px;
	width: 740px;
	color: #fff;
	background-color: #63a62f;
}
.error {
	background: #F83265 10px 10px no-repeat;
	clear: both;
	color: #FFF;
	padding: 7px 10px 7px 25px;
}
/* overrides 960 */
.error.grid_13 {
	margin-bottom: 10px;
	width: 725px;
}
.opacity_20 { opacity: 0.2; }
.opacity_40 { opacity: 0.4; }
.opacity_50 { opacity: 0.5; }
.opacity_60 { opacity: 0.6; }
.opacity_80 { opacity: 0.8; }
.round {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.round_top {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.round_bottom {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.round_top_left {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
.round_bottom_left {
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.round_top_right {
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}



/* Media Selectors --------------------------------------------------------- */

@media all and (min-width:0px) {
	head~body:last-child .ir {
		letter-spacing : normal;
		text-indent : -999em;
		overflow : hidden;
	}
}


/* Faux-placeholder coloring ----------------------------------------------- */

input[type='text'].emptyinput {
	color: #a9a9a9;
}.imgCrop_wrap {
	/* width: 500px;   @done_in_js */
	/* height: 375px;  @done_in_js */
	position: relative;
	cursor: crosshair;
}

/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */
.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea { 
	background-color: transparent;
}

/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
.imgCrop_wrap,
.imgCrop_wrap * {
	font-size: 0;
}

.imgCrop_overlay {
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	width: 100%;
	height: 100%;
}

.imgCrop_selArea {
	position: absolute;
	/* @done_in_js 
	top: 20px;
	left: 20px;
	width: 200px;
	height: 200px;
	background: transparent url(castle.jpg) no-repeat  -210px -110px;
	*/
	cursor: move;
	z-index: 2;
}

/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
.imgCrop_clickArea {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0.01;
	filter:alpha(opacity=01);
}

.imgCrop_marqueeHoriz {
	position: absolute;
	width: 100%;
	height: 1px;
	/*background: transparent url(marqueeHoriz.gif) repeat-x 0 0;*/
	z-index: 3;
}

.imgCrop_marqueeVert {
	position: absolute;
	height: 100%;
	width: 1px;
	/*background: transparent url(marqueeVert.gif) repeat-y 0 0;*/
	z-index: 3;
}

/* 
 *  FIX MARCHING ANTS IN IE
 *	As IE <6 tries to load background images we can uncomment the follwoing hack 
 *  to remove that issue, not as pretty - but is anything in IE?
 *  And yes I do know that 'filter' is evil, but it will make it look semi decent in IE
 *
* html .imgCrop_marqueeHoriz,
* html .imgCrop_marqueeVert {
	background: transparent;
	filter: Invert; 
}
* html .imgCrop_marqueeNorth { border-top: 1px dashed #000; }
* html .imgCrop_marqueeEast  { border-right: 1px dashed #000; }
* html .imgCrop_marqueeSouth { border-bottom: 1px dashed #000; }
* html .imgCrop_marqueeWest  { border-left: 1px dashed #000; }
*/

.imgCrop_marqueeNorth { top: 0; left: 0; }
.imgCrop_marqueeEast  { top: 0; right: 0; }
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
.imgCrop_marqueeWest  { top: 0; left: 0; }


.imgCrop_handle {
	position: absolute;
	border: 1px solid #333;
	width: 6px;
	height: 6px;
	background: #FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: 4;
}

/* fix IE 5 box model */
* html .imgCrop_handle {
	width: 8px;
	height: 8px;
	wid\th: 6px;
	hei\ght: 6px;
}

.imgCrop_handleN {
	top: -3px;
	left: 0;
	/* margin-left: 49%;    @done_in_js */
	cursor: n-resize;
}

.imgCrop_handleNE { 
	top: -3px;
	right: -3px;
	cursor: ne-resize;
}

.imgCrop_handleE {
	top: 0;
	right: -3px;
	/* margin-top: 49%;    @done_in_js */
	cursor: e-resize;
}

.imgCrop_handleSE {
	right: -3px;
	bottom: -3px;
	cursor: se-resize;
}

.imgCrop_handleS {
	right: 0;
	bottom: -3px;
	/* margin-right: 49%; @done_in_js */
	cursor: s-resize;
}

.imgCrop_handleSW {
	left: -3px;
	bottom: -3px;
	cursor: sw-resize;
}

.imgCrop_handleW {
	top: 0;
	left: -3px;
	/* margin-top: 49%;  @done_in_js */
	cursor: w-resize;
}

.imgCrop_handleNW {
	top: -3px;
	left: -3px;
	cursor: nw-resize;
}

/**
 * Create an area to click & drag around on as the default browser behaviour is to let you drag the image 
 */
.imgCrop_dragArea {
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.imgCrop_previewWrap {
	/* width: 200px;  @done_in_js */
	/* height: 200px; @done_in_js */
	overflow: hidden;
	position: relative;
}

.imgCrop_previewWrap img {
	position: absolute;
	margin: 0 auto;
}
/* instant_events.css --------------------------------------------------------- */

/* everything is wrapped in this */
#im_footer {
	overflow: visible;
	width: auto;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 1000;
}

/* IM window ------------------------------------------------------------------ */

/* container */
.im_container {
	float: left;
	margin: 0 78px 0 -63px;
	width: 180px;
	height: 23px;
}
.im_wrapper {
	position: absolute;
	width: 180px;
	bottom: 0;
	box-shadow: 0 3px 20px rgba(0, 0, 0, .20);
	-moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .20);
	-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .20);
	
}

/* header */
div.im_tab {
	padding: 5px 4px 5px 8px;
	height: 19px;
	font-size: 12px;
	line-height: 19px;
	color: #fff;

	background: #333;
	border-bottom: 1px solid #333;

	white-space: nowrap;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	
}
div.im_tab span.username {
	cursor: default;
}
a.im_option {
	float: right;
	width: 18px;
	height: 17px;
	font-size: 1px;

	background-image: url(http://akcdn.okccdn.com/media/img/template/2012/chat_icons.png);
	background-repeat: no-repeat;
}
/* header action buttons */
a.im_option.close    { background-position: -90px -35px; }
a.im_option.collapse { background-position: -72px -35px; }
a.im_option.pop      { background-position: -36px -35px; }
a.im_option.expand   { background-position: -54px -35px; }
a.im_option.block    { background-position:  -0px -35px; }

a:hover.im_option.close    { background-position: -90px -53px; }
a:hover.im_option.collapse { background-position: -72px -53px; }
a:hover.im_option.pop      { background-position: -36px -53px; }
a:hover.im_option.expand   { background-position: -54px -53px; }
a:hover.im_option.block    { background-position:  -0px -53px; }

/* alert */
div.im_container div.im_wrapper.alert div.im_tab {
	color: #fff;
	background: #f45281; 
	border-bottom: 1px solid #f33f73; 
}
div.im_container div.im_wrapper.alert a.im_option.close    { background-position: -90px 1px; }
div.im_container div.im_wrapper.alert a.im_option.collapse { background-position: -72px 1px; }
div.im_container div.im_wrapper.alert a.im_option.pop      { background-position: -36px 1px; }
div.im_container div.im_wrapper.alert a.im_option.expand   { background-position: -54px 1px; }
div.im_container div.im_wrapper.alert a.im_option.block    { background-position:  -0px 1px; }

div.im_container div.im_wrapper.alert a:hover.im_option.close    { background-position: -90px -17px; }
div.im_container div.im_wrapper.alert a:hover.im_option.collapse { background-position: -72px -17px; }
div.im_container div.im_wrapper.alert a:hover.im_option.pop      { background-position: -36px -17px; }
div.im_container div.im_wrapper.alert a:hover.im_option.expand   { background-position: -54px -17px; }
div.im_container div.im_wrapper.alert a:hover.im_option.block    { background-position:  -0px -17px; }

/* unfocused */
div.im_container.unfocused div.im_tab {
	color: #999;
	background: #f9f9f9;
	border-bottom: 1px solid #ddd;
}
div.im_container.unfocused a.im_option.close    { background-position: -90px -71px; }
div.im_container.unfocused a.im_option.collapse { background-position: -72px -71px; }
div.im_container.unfocused a.im_option.pop      { background-position: -36px -71px; }
div.im_container.unfocused a.im_option.expand   { background-position: -54px -71px; }
div.im_container.unfocused a.im_option.block    { background-position:  -0px -71px; }

div.im_container.unfocused a:hover.im_option.close    { background-position: -90px -89px; }
div.im_container.unfocused a:hover.im_option.collapse { background-position: -72px -89px; }
div.im_container.unfocused a:hover.im_option.pop      { background-position: -36px -89px; }
div.im_container.unfocused a:hover.im_option.expand   { background-position: -54px -89px; }
div.im_container.unfocused a:hover.im_option.block    { background-position:  -0px -89px; }

/* collapsed */
div.im_container.collapsed div.im_wrapper div.im_tab,
div.im_container.collapsed div.im_wrapper.alert div.im_tab {
	border-bottom: 0;
}
div.im_container.collapsed a.im_option.block {
	display: none;
}

/* im body */
div.im_body {
}
div.im_input {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	padding: 4px;
}
div.im_input div.input_wrapper {
	border: 1px solid #ddd;
	border-top: 1px solid #ccc;
	background: #fff;
	padding: 5px;

	CSSLib.css('box-shadow', 'inset 0 1px 0 #f3f3f3');
}
div.im_input div.input_wrapper textarea {
	width: 160px;
	display: block;

	border: 0;
	margin: 0;
	padding: 0;

	font-size: 12px;
	line-height: 15px;
	height: 15px;

	resize: none;
	overflow-y: auto;
	overflow-x: none;
}
div.im_input div.input_wrapper.focused {
	border-color: #96b7ff;
}
div.im_text {
	position: relative;
	height: 150px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	background: #fff;
	overflow-y: scroll;
	overflow-x: hidden;
}

/* Large versions */
#im_footer.large .im_container,
#im_footer.large .im_wrapper { width: 300px; }
#im_footer.large div.im_body textarea { width: 280px; min-width: 280px; max-width: 280px; }




/* im typography  ------------------ */

/* timestamp */
div.im_text p.timestamp {
	text-align: center;
	color: #aaa;
	font-size: 10px;
	margin: 5px 0;
}
div.im_text p.timestamp:first-child {
	margin-top: 0;
}

/* info */
div.im_text p.info {
	margin: 5px;
	background: none;
}
div.im_text p.info img {
	float: left;
	margin-right: 8px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	
}
div.im_text p.info span {
	display: block;
	font-size: 11px;
	line-height: 13px;
	color: #666;
	white-space: nowrap;
}
div.im_text p.info span.user {
}
div.im_text p.info span.user a {
	font-weight: bold;
	font-size: 12px;
	display: inline-block;
	padding: 9px 0 1px;
}
div.im_text p.info span.user a:hover {
	color: #ff1e72
}
/* im */

div.im_text p.im {
	position: relative;
	margin: 0 5px 5px;
	padding: 5px 10px;
	min-height: 16px;
	font-size: 11px;
}
div.im_text p.im span.wedge {
	position: absolute;
	top: 7px;
	width: 10px;
	height: 10px;
	visibility: hidden;
	background-image: url(http://akcdn.okccdn.com/media/img/template/2012/bubble_wedges.png);
	background-repeat: no-repeat;
}
div.im_text p.im.archive {
	opacity: 0.4;
}


/* from me */
div.im_text p.im.from_me {
	color: #888;
	background: #fff;
	border: 1px solid #ccc;
}
div.im_text p.im.from_me span.wedge {
	right: -10px;
	background-position:  -10px 0;
}

/* to me */
div.im_text p.im.to_me {
	color: #28640a;
	background: #ebf5e1;
	border: 1px solid #b4d296;
}
div.im_text p.im.to_me span.wedge {
	left: -10px;
	background-position: 0 0;
}

/* system --  */
div.im_text p.im.from_system {
	color: #3c5a96;
	background: #edf5ff;
	border: 1px solid #bed2f0;
}

/* large adjustments */
div#im_footer.large p.info {
	margin: 12px 16px;
}
div#im_footer.large p.info img {
	margin-right: 10px;
}
div#im_footer.large p.info span.details {
	width: 186px;
}
div#im_footer.large p.im {
	margin: 0 16px 5px;
}
div#im_footer.large p.im span.wedge {
	visibility: visible;
}

div.im_from_staffrobot {
	margin: 0 0 5px;
	padding: 6px 0 6px 60px;
	min-height: 52px;
	height: auto !important;
	height: 52px;
	font-size: 11px;
	color: #444;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff url(http://akcdn.okccdn.com/media/img/icons/staffrobot_small_white.png) 0 6px no-repeat;
}

/* focused  or no? */
div.im_container.unfocused p.im.to_me {
	color: #666;
	background: #f9f9f9;
	border: 1px solid #ccc;
}
div.im_container.unfocused p.im.to_me span.wedge {
	background-position: -10px -10px;
}



/* block box ------------------------------------------------------------------ */

div.im_block {
	position: absolute;
	width: 100%;
	height: 27px;
	background: #f9f9f9;
	border-bottom: 1px solid #ddd;
	z-index: 1;
}
div.im_block div.im_block_wedge {
	position: absolute;
	top: 0;
	right: 62px;
	margin-top: -4px;
	width: 10px;
	height: 5px;

	background: url(http://akcdn.okccdn.com/media/img/template/2012/chat_icons.png) -111px -42px no-repeat;
}
div.im_block p {
	font-size: 11px;
	line-height: 27px;
	color: #666;
	margin: 0;
	padding: 0 0 0 7px;
}
div.im_block div.im_block_buttons {
	padding: 6px 4px;
	float: right;
	width: 74px;
	height: 16px;
}
div.im_block div.im_block_buttons a {
	display: block;
	float: left;
	margin-left: 3px;
	width: 34px;

	font-size: 10px;
	line-height: 16px;
	height: 16px;

	color: #fff;
	text-align: center;

	background: #777;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}
div.im_block div.im_block_buttons a:hover.y {
	background: #dd3e3e;
}
div.im_block div.im_block_buttons a:hover.n {
	background: #555;
}


/* prefs tab ------------------------------------------------------------------ */

div.im_prefs_tab {
	position: absolute;
	bottom: 0;
	right: 15px;

	padding: 0;
	width: 48px;
	height: 37px;
	background: #333;

	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	
	-webkit-transition: height 100ms ease-in 0ms;
	-moz-transition: height 100ms ease-in 0ms;
	-ms-transition: height 100ms ease-in 0ms;
	-o-transition: height 100ms ease-in 0ms;
	
	box-shadow: 0 3px 20px rgba(0, 0, 0, .20);
	-moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .20);
	-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .20);
	
}
div.im_prefs_tab.expanded {
	height: 90px;
}
div.im_prefs_tab div.im_toggler {
	width: 27px;
	height: 18px;
	margin: 11px 10px 8px 11px;
	background: url(http://akcdn.okccdn.com/media/img/template/2012/header_icons.png) -122px 0px no-repeat;
}
div.im_prefs_tab.unfocused div.im_toggler { 
	background-position: -149px 0px;
}
div.im_prefs_tab div.im_settings {
	padding-bottom: 7px;
}
div.im_prefs_tab div.im_settings a {
	display: block;
	height: 14px;
	line-height: 14px;
	padding: 4px 0 5px 6px;
	font-size: 11px;

	color: #999;
}
div.im_prefs_tab div.im_settings a.activated {
	color: #fff;
}
div.im_prefs_tab div.im_settings a span {
	display: block;
	float: left;
	width: 13px;
	height: 14px; 

	margin-right: 5px;
	background-image: url(http://akcdn.okccdn.com/media/img/template/2012/chat_icons.png);
	background-repeat: no-repeat;
	background-position: -111px -28px;
}
div.im_prefs_tab div.im_settings a#im_on.activated span {
	background-position: -111px -0px;
}
div.im_prefs_tab div.im_settings a#im_off.activated span {
	background-position: -111px -14px;
}


/* Expanded state ------------------------------------------------------------- */

.im_container.expanded a.im_option.expand { display: none; }
.im_container.collapsed a.im_option.collapse { display: none; }
.im_container.collapsed div.im_body { display: none; }
.im_container.hidden, .im_container.invisible { display: none; }


/* Other InstantEvents -------------------------------------------------------- */

div#event_display_container {
	float: left;
	margin: 0 78px 0 -63px;
	width: 300px;
	height: 23px;
}
div#event_display_container.hidden { display: none; }
div#event_display {
	position: absolute;
	width: 300px;
	bottom: 0;
}
div#event_display a.close {
	display: block;
	width: 24px;
	height: 24px;

	position: absolute;
	top: 5px;
	right: 2px;

	background: url(http://akcdn.okccdn.com/media/img/template/2012/chat_icons.png) -87px -70px no-repeat;
}
div#event_display a.close:hover {
	background-position: -87px -34px;
}
div#event_display_body {
	border: 1px solid #fff;
	border-bottom: 0;
	background: #f9f9f9;

	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	
	box-shadow: 0 0 20px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
	
}
div#event_display_body div.orbit_event {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	padding: 8px 8px 12px;
	min-height: 40px;
}
div#event_display_body div.orbit_event:first-child {
	border-top: 0;
}
div#event_display_body div.orbit_event:last-child {
	border-bottom: 0;
}
div#event_display_body div.orbit_event a.thumb {
	display: block;
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 9px;
}
div#event_display_body div.orbit_event a.thumb img {
	width: 40px;
	height: 40px;
}
div#event_display_body div.orbit_event div.info {
	padding-top: 5px;
}
div#event_display_body div.orbit_event div.info div.user,
div#event_display_body div.orbit_event div.info div.user a {
	line-height: 16px;
	font-size: 13px;
	color: #666;
	font-weight: bold;
}
div#event_display_body div.orbit_event div.info div.user a:hover {
	color: #ff1e72
}
div#event_display_body div.orbit_event div.info div.action {
	line-height: 15px;
	font-size: 11px;
	color: #999;
}

/* Media Selectors */

@media all and (min-width:0px) {
	head~body div.im_text{ overflow: scroll; }
	:root head~body div.im_text {
		overflow-y: scroll;
		overflow-x: hidden;
	}
}

/* PROK testing ------------------------------------------------------------ */

#im_footer.prok_test_0 div.im_from_staffrobot {
	display: none;
}




/* ----------------------------------------
VENUS SMOOTH
---------------------------------------- */


body div#im_footer div.venus_smooth div.im_wrapper {
	z-index: 10;
}
.im_container {
	position: relative;
}
body div#im_footer div.venus_smooth div.im_body {
	background: #e6e6e6 url(http://akcdn.okccdn.com/media/img/ads/venus_smooth/im3.jpg) left 149px no-repeat;
	position: relative;
}
body div#im_footer div.venus_smooth div.im_text {
	background: none;
	height: 210px;
	padding-bottom: 60px;
	margin: 0 0 34px;
}
body div#im_footer div.im_container.collapsed div.venus_smooth .utility4 {
	display: none;
}
body div#im_footer div.venus_smooth .utility4 { /* this is the clickthrough link */
	width: 294px;
	height: 35px;
	position: absolute;
	bottom: 29px;
	left: 3px;
	z-index: 11;
}
body div#im_footer div.venus_smooth .utility4 a { /* this is the clickthrough link */
	display: block;
	height: 30px;
	width: 294px;
	position: relative;
}
.imgCrop_wrap {
	/* width: 500px;   @done_in_js */
	/* height: 375px;  @done_in_js */
	position: relative;
	cursor: crosshair;
}

/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */
.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea { 
	background-color: transparent;
}

/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
.imgCrop_wrap,
.imgCrop_wrap * {
	font-size: 0;
}

.imgCrop_overlay {
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	width: 100%;
	height: 100%;
}

.imgCrop_selArea {
	position: absolute;
	/* @done_in_js 
	top: 20px;
	left: 20px;
	width: 200px;
	height: 200px;
	background: transparent url(castle.jpg) no-repeat  -210px -110px;
	*/
	cursor: move;
	z-index: 2;
}

/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
.imgCrop_clickArea {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0.01;
	filter:alpha(opacity=01);
}

.imgCrop_marqueeHoriz {
	position: absolute;
	width: 100%;
	height: 1px;
	/*background: transparent url(marqueeHoriz.gif) repeat-x 0 0;*/
	z-index: 3;
}

.imgCrop_marqueeVert {
	position: absolute;
	height: 100%;
	width: 1px;
	/*background: transparent url(marqueeVert.gif) repeat-y 0 0;*/
	z-index: 3;
}

/* 
 *  FIX MARCHING ANTS IN IE
 *	As IE <6 tries to load background images we can uncomment the follwoing hack 
 *  to remove that issue, not as pretty - but is anything in IE?
 *  And yes I do know that 'filter' is evil, but it will make it look semi decent in IE
 *
* html .imgCrop_marqueeHoriz,
* html .imgCrop_marqueeVert {
	background: transparent;
	filter: Invert; 
}
* html .imgCrop_marqueeNorth { border-top: 1px dashed #000; }
* html .imgCrop_marqueeEast  { border-right: 1px dashed #000; }
* html .imgCrop_marqueeSouth { border-bottom: 1px dashed #000; }
* html .imgCrop_marqueeWest  { border-left: 1px dashed #000; }
*/

.imgCrop_marqueeNorth { top: 0; left: 0; }
.imgCrop_marqueeEast  { top: 0; right: 0; }
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
.imgCrop_marqueeWest  { top: 0; left: 0; }


.imgCrop_handle {
	position: absolute;
	border: 1px solid #333;
	width: 6px;
	height: 6px;
	background: #FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: 4;
}

/* fix IE 5 box model */
* html .imgCrop_handle {
	width: 8px;
	height: 8px;
	wid\th: 6px;
	hei\ght: 6px;
}

.imgCrop_handleN {
	top: -3px;
	left: 0;
	/* margin-left: 49%;    @done_in_js */
	cursor: n-resize;
}

.imgCrop_handleNE { 
	top: -3px;
	right: -3px;
	cursor: ne-resize;
}

.imgCrop_handleE {
	top: 0;
	right: -3px;
	/* margin-top: 49%;    @done_in_js */
	cursor: e-resize;
}

.imgCrop_handleSE {
	right: -3px;
	bottom: -3px;
	cursor: se-resize;
}

.imgCrop_handleS {
	right: 0;
	bottom: -3px;
	/* margin-right: 49%; @done_in_js */
	cursor: s-resize;
}

.imgCrop_handleSW {
	left: -3px;
	bottom: -3px;
	cursor: sw-resize;
}

.imgCrop_handleW {
	top: 0;
	left: -3px;
	/* margin-top: 49%;  @done_in_js */
	cursor: w-resize;
}

.imgCrop_handleNW {
	top: -3px;
	left: -3px;
	cursor: nw-resize;
}

/**
 * Create an area to click & drag around on as the default browser behaviour is to let you drag the image 
 */
.imgCrop_dragArea {
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.imgCrop_previewWrap {
	/* width: 200px;  @done_in_js */
	/* height: 200px; @done_in_js */
	overflow: hidden;
	position: relative;
}

.imgCrop_previewWrap img {
	position: absolute;
	margin: 0 auto;
}
.photobrowser {
	background: #e9e9e9;
	border: 1px solid #f6f6f6;
	border-bottom: 1px solid #fff;
	margin: 0px 13px 15px;
	padding: 13px;
	overflow: hidden;
	width: 726px;
	position: relative;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	box-shadow: inset 0px 1px 2px #ccc;
	-moz-box-shadow: inset 0px 1px 2px #ccc;
	-webkit-box-shadow: inset 0px 1px 2px #ccc;
	

}

body.ie8 .photobrowser {
	border-top: 1px solid #ddd;
}

.photobrowser .items {
	margin: 0 0 10px;
	white-space: nowrap;
	position: relative;
	width: 5000px;
	float: left;
}

.photobrowser .items_ipad {
	-webkit-transform: translate3d(0, 0, 0);
}

.photobrowser .items_ipad.thumbnail_scrolling {
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.50, 1.0);
}

.photobrowser .item {
	position: relative;
	float: left;
}

.photobrowser .scrollbar {
	clear: both;
	background: #ddd;
	height: 6px;
	margin-bottom: 10px;
	position: relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}

.photobrowser .scrollbar span {
	cursor: pointer;
	height: 100%;
	display: block;
}

.photobrowser .scrollbar .hitspot {
	padding: 7px 0px;
	top: -7px;
	position: absolute;
}

.photobrowser .scrollbar .handle {
	background: #bbb;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}

.photobrowser .scrollbar .hitspot:hover .handle,
.photobrowser .scrollbar .hitspot.held .handle {
	background: #999;
}

.photobrowser .thumbnails {
	text-align: center;
	z-index: 10000;
	margin: 0px auto;
}

.photobrowser .thumbnails li {
	width: 28px;
	height: 28px;
	margin: 0px 1px;
	float: left;
	display: inline; /* for IE6 */
}

.photobrowser .thumbnails li img {
	height: 28px;
	width: 28px;
	opacity: .5;
	float: left;
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}

.iphone .photobrowser .thumbnails li img,
.ipad .photobrowser .thumbnails li img,
.photobrowser .thumbnails li img:hover {
	opacity: 1 !important;
}