html{
	overflow-y: scroll;
	height:100%;
}

	html.modal{
		position: fixed;
		width:100%;
	}

body {
	font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #4c4c4c;
	background:transparent;
	height:100%;
}
.mainBody {
	background: url(/new/images/gradi_bg.jpg) repeat-x 0 0 #bbb;
}
@font-face {
	font-family: 'Frank';
    src: url('frangc-webfont.eot');
    src: url('frangc-webfont.eot?#iefix') format('embedded-opentype'),
         url('frangc-webfont.woff') format('woff'),
         url('frangc-webfont.ttf') format('truetype'),
         url('frangc-webfont.svg#fs_franklin_gothic_cndregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************


######## ######## ##     ## ########  ##          ###    ######## ########     ######  ######## ##    ## ##       ########  ######  
   ##    ##       ###   ### ##     ## ##         ## ##      ##    ##          ##    ##    ##     ##  ##  ##       ##       ##    ## 
   ##    ##       #### #### ##     ## ##        ##   ##     ##    ##          ##          ##      ####   ##       ##       ##       
   ##    ######   ## ### ## ########  ##       ##     ##    ##    ######       ######     ##       ##    ##       ######    ######  
   ##    ##       ##     ## ##        ##       #########    ##    ##                ##    ##       ##    ##       ##             ## 
   ##    ##       ##     ## ##        ##       ##     ##    ##    ##          ##    ##    ##       ##    ##       ##       ##    ## 
   ##    ######## ##     ## ##        ######## ##     ##    ##    ########     ######     ##       ##    ######## ########  ######  	


*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
******************************************************************************************************************************************************************/

.container {
   	padding: 0 20px;
   	min-width: 1280px;
   	*zoom: 1;
}

	.container footer {
	}

		.container footer .rounded.white {
			text-align:center;
		}

		.container footer ul {
			list-style-type:disc;
			list-style-position:inside;
		}
		.container footer ul:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		.container footer li {
			display:inline-block;
			margin-left:10px;
		}
		.container footer li a {
			color:#4c4c4c;
			text-decoration:none;
			font-family:'Frank', Arial, Sans-serif;
			font-size:16px;
		}
		.container footer li a:hover {
			color:#E79E26
		}
		.container footer li:last-child a {
			padding-right:0;
		}
		.foot {
			font-size:12px;
			font-weight:bold;
			margin-top:10px;
		}
		.foot a {
			color:#888;
		}

	.container .navSpan {
		float: left;
		color:#fff;
		width: 280px;
	}

		.container .navSpan > div, .container .navSpan > dl{
			margin: 0;
			width: 220px;
			overflow:hidden;
			font-size:16px;
		}

		.container .navSpan .logo, .loginPanel .logo{
			outline: 0;
			display: block;
			margin:auto;
			background: url(/new/images/sprite.png) no-repeat -2px -5px;
			width: 206px;
			height: 128px;
		}

		.container .navSpan .logo {
			margin: 0 auto 40px;
		}

		.container .navSpan .logout {
			font-size: .8em;
			color: #E79E26;
			cursor:pointer;
		}

		.container .navSpan .nav {
			padding: 5px 0;
			text-align: left;
		}

		.container .navSpan .nav .darkNav{
			margin:5px -20px 16px;
			padding:5px 40px;
			background:rgba(0, 0, 0, .25)
		}

			.container .navSpan .nav ul {
				font-size: .9em;
				color: #fff;
				margin: 15px auto;
			}

				.container .navSpan .nav ul li {
					line-height: 1.5em;
					list-style: none;
				}

				.container .navSpan .nav ul.userMessages .empty {
					background-position-y: -29px;
				}

				.container .navSpan .nav ul a {
					display: inline-block;
					margin: 1px 0;
					color: inherit;
					text-decoration: none;
				}

				.container .navSpan .nav ul.userMessages a {
					padding-left: 20px;
					background: url('/new/images/vsprite.png') no-repeat -5px -4px;
				}

				.container .navSpan .nav ul.miscLinks a {
					color:#E79E26;
				}

				.container .navSpan .nav ul.miscLinks a:hover {
					color:#fff;
				}

					.container .navSpan .nav ul a:hover{
						color:#E79E26;
					}

					.container .navSpan .nav ul a span {
						color: #e79e26;
					}
		
		.container .navSpan .button {
			width:178px;
			margin-left:5px;
		}
		.container .navSpan .button:hover {
		}


		.container .navSpan .ad {
			margin: auto;
			text-align: center;
			margin-top: 10px;
			background-color: #fff;
			border-radius: 10px;
			width: 210px;
			padding:10px 0;
		}

	.container .contentSpan {
		width: 75%;
		float: left;
		margin-left: 2%;
		/*margin-left:260px;*/
		max-width:1200px;
	}

.top.rounded.blue {
	text-align: left;
	color:#ccc;
	margin-bottom:10px;
	padding-right: 30px;
}

.contentSpan .row {
	
}
.propBox {
	border-radius:8px;
	min-height:70px;
	box-shadow:2px 2px 2px #888 inset; 
	background:#efefef; 
	padding:15px 5px; 
	margin-bottom:5px;
}

table td, table th{
	padding: 5px;
	text-align:left;
}

::-webkit-scrollbar{height:10px;overflow:visible;width:10px;background-color:#eee;}
::-webkit-scrollbar-button{height:0;width:0}
::-webkit-scrollbar-thumb{background-color:#2b6785;min-height:28px;}
::-webkit-scrollbar-thumb:horizontal{border-width:7px 0 0;}
::-webkit-scrollbar-thumb:hover{background-color:#2a6380;}
::-webkit-scrollbar-thumb:active{background-color:#2a5d7a;}
::-webkit-scrollbar-corner{background:transparent}
body::-webkit-scrollbar-track-piece{background:#eee;}
body::-webkit-scrollbar-corner{background-color:#eee;box-shadow:inset 1px 1px 0 rgba(0,0,0,.14)}

[placeholder]:focus::-webkit-input-placeholder {
  transition: text-indent .5s .25s ease; 
  text-indent: -100%;
  opacity: 1;
}


/*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************


######   ######## ##    ## ######## ########  ####  ######      ######  ######## ##    ## ##       ########  ######  
##    ##  ##       ###   ## ##       ##     ##  ##  ##    ##    ##    ##    ##     ##  ##  ##       ##       ##    ## 
##        ##       ####  ## ##       ##     ##  ##  ##          ##          ##      ####   ##       ##       ##       
##   #### ######   ## ## ## ######   ########   ##  ##           ######     ##       ##    ##       ######    ######  
##    ##  ##       ##  #### ##       ##   ##    ##  ##                ##    ##       ##    ##       ##             ## 
##    ##  ##       ##   ### ##       ##    ##   ##  ##    ##    ##    ##    ##       ##    ##       ##       ##    ## 
 ######   ######## ##    ## ######## ##     ## ####  ######      ######     ##       ##    ######## ########  ######


*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************/
p.rounded.white strong {
	font-size:150%;
}
a {
	color:#666;
	text-decoration:none;
}
a:hover {
	color: #E79E26;
}
a.inWorld {
	color: #004364;
}
a.inWorld:hover {
	color: #666;
}

small {
	color:#777;
}

.mainBody input:not([type]), 
.mainBody input[type='text'],  
.mainBody input[type='email'],  
.mainBody input[type='search'],
.mainBody input[type='password'] {
	width:150px;
    padding:10px;
    text-overflow:ellipsis;
    border-radius:5px;
    outline:none;

	background: #eee; 

	border:1px solid rgba(0,0,0, 0.2);

	-webkit-transition: all .5s;
 	   -moz-transition: all .5s;
	     -o-transition: all .5s;
		    transition: all .5s;
}

	.mainBody input:not([type]):focus, 
	.mainBody input[type='text']:not([readonly]):focus, 
	.mainBody input[type='password']:focus {
		background: #fff;
		border:1px solid rgba(228, 157, 39, 0.8); 
		box-shadow: 0 0 5px rgba(228, 157, 39, 1);
	}

	.mainBody input:not([type]).large,
	.mainBody input[type='text'].large,
	.mainBody input[type='email'].large,
	.mainBody input[type='password'].large,
	textarea.large
	{
		width:200px;
	}

	.mainBody input:not([type]).error, 
	.mainBody input[type='password'].error{
		font-weight: normal;
		color:#f00;
		border:1px solid rgba(225, 0, 0, 0.8); 
		box-shadow: 0 0 5px rgba(225, 0, 0, 1);
	}


.mainBody input.moneyField{
	border: 0;
    outline: 0;
    width: 75px;
    padding: 10px;
	background: #004300;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMwMDQzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDMzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #004300 49%, #003300 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#004300), color-stop(50%,#003300));
	background: -webkit-linear-gradient(top,  #004300 49%,#003300 50%);
	background: -o-linear-gradient(top,  #004300 49%,#003300 50%);
	background: -ms-linear-gradient(top,  #004300 49%,#003300 50%);
	background: linear-gradient(to bottom,  #004300 49%,#003300 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004300', endColorstr='#003300',GradientType=0 );
    border-radius: 20px;
    color: #6f0;
    font-size: 1.5em;
    font-weight:bold;
    display:inline-block;
    margin: 5px auto;
    text-align: left;
    text-shadow: 1px 1px 1px #000;
}
	
	.mainBody input.moneyField.wide {
	    width:150px;
	}

	.mainBody input.moneyField.large {
	    padding: 20px;
	    width:150px;
	    font-size: 2em;
	}
	.mainBody input.moneyField.gifts {
		width:88px;
		padding:15px;
		font-size:1.3em;
	}
	.sidebarPlugin input.moneyField.large {
		width:100px;
		font-size:1.4em;
		padding:15px;
	}
	
	.mainBody input.moneyField.blue{
		background: #3f728c;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMzZjcyOGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzMjYyN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #3f728c 49%, #32627a 50%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#3f728c), color-stop(50%,#32627a));
		background: -webkit-linear-gradient(top,  #3f728c 49%,#32627a 50%);
		background: -o-linear-gradient(top,  #3f728c 49%,#32627a 50%);
		background: -ms-linear-gradient(top,  #3f728c 49%,#32627a 50%);
		background: linear-gradient(to bottom,  #3f728c 49%,#32627a 50%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f728c', endColorstr='#32627a',GradientType=0 );
	    color: #fff;
	}
	
.mainBody input.blueField{
	border: 0;
    outline: 0;
    width: 175px;
    height:18px;
    padding: 10px;
	background: #3f728c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMzZjcyOGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzMjYyN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #3f728c 49%, #32627a 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#3f728c), color-stop(50%,#32627a));
	background: -webkit-linear-gradient(top,  #3f728c 49%,#32627a 50%);
	background: -o-linear-gradient(top,  #3f728c 49%,#32627a 50%);
	background: -ms-linear-gradient(top,  #3f728c 49%,#32627a 50%);
	background: linear-gradient(to bottom,  #3f728c 49%,#32627a 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f728c', endColorstr='#32627a',GradientType=0 );
    border-radius: 20px;
    color: #fff;
    font-size: 1.2em;
    display:inline-block;
    margin: 5px auto;
    text-align: left;
    text-shadow: 1px 1px 1px #000;
}

.mainBody input.blueField.wide{
	width:410px;
	display:block;
}

label {
	position: relative;
	text-align:left;
	display: inline-block;
	text-transform: capitalize;
	color:#666;
	vertical-align: middle;
}
label.profileSettingLabel {
	width:90px;
	margin:5px 0;
}
.ajaxForm div.error{
	margin:auto;
	max-width:300px;
}

.row {
	width: 100%;
	margin: 15px auto;
	position: relative;
}

	/* Clearfix */
	.row:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

	.row [class*="span"]{
		margin-left: 2%;
	}

	.row [class*="span"]:first-child {
		margin-left: 0;
	}

	.row .spanHalf {
		float: left;
		width: 49%;
	}

	.row .spanFull {
		width: 100%;
	}

	.row .spanThird{
		float:left;
		width:32%;
	}

	.row .spanTwoThirds{
		float:left;
		width:78%;
	}

	.row .spanQuater{
		float:left;
		width:23.5%;
	}

textarea{
	padding:10px;    	
    background: #eee; 

    width:150px;
    border-radius: 5px;
    border:1px solid rgba(0,0,0, 0.2);
    outline:none;
    overflow: hidden;
    resize: none;

    -webkit-transition: border 0.5s ease-in-out;
       -moz-transition: border 0.5s ease-in-out;
         -o-transition: border 0.5s ease-in-out;
            transition: border 0.5s ease-in-out;

    -webkit-transition-property: border, background, box-shadow;
       -moz-transition-property: border, background, box-shadow;
         -o-transition-property: border, background, box-shadow;
    		transition-property: border, background, box-shadow;    
}

textarea:focus{
	background: #fff;
	border:1px solid rgba(228, 157, 39, 0.8); 
	box-shadow: 0 0 5px rgba(228, 157, 39, 1);
}

	textarea.auto{
		width:auto;
	}

.rounded {
	display: block;
	padding: 20px;
	border-radius: 40px;
	margin:auto;
}



.mainMenu .rounded.white, 
.top.rounded.blue, 
.accordion .rounded.blue, 
p.rounded, a.rounded {
	padding:15px;
}


	.white {
		background: #F2F2F2;
		box-shadow: inset 0px 0px 15px 1px #555, -1px -1px 1px 1px white, 0px 3px 5px 2px #666;
	}
	.rounded.dialog {
		background:#F2F2F2;
		width:66%;
		box-shadow: inset 0px 0px 15px 1px #555, -1px -1px 1px 1px white, 0px 3px 5px 2px #666;
	}
	.gray {
		background: #ccc;
	}

	.blue {
		border:1px solid #006D86;
		background: #3c5962;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjNTk2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjMDMzODQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjMjU0YzU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjMjU1MzYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODclIiBzdG9wLWNvbG9yPSIjMDMzODQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNjNTk2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  #3c5962 0%, #033849 8%, #254c59 24%, #255361 46%, #033849 87%, #3c5962 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c5962), color-stop(8%,#033849), color-stop(24%,#254c59), color-stop(46%,#255361), color-stop(87%,#033849), color-stop(100%,#3c5962));
		background: -webkit-linear-gradient(top,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
		background: -o-linear-gradient(top,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
		background: -ms-linear-gradient(top,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
		background: linear-gradient(to bottom,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c5962', endColorstr='#3c5962',GradientType=0 );
		font-family:'Frank', Arial, Sans-serif;
	}

	.highlighted {
		color: #e79e26;
	}

	.rounded.inner{
   		padding:10px;    	
    	background-color: #d4d4d4; 
    	background-size: 100% 100%;
    	
    	box-shadow: -2px -2px 2px #888;
    	border-radius: 20px;
    	text-align: center;
    	margin:20px 0 5px;
	}

	.rounded.inner 	.rounded.white {
		text-align: left;
		/* box-shadow: none; */
	} 
	.rounded.white h1 {}
	.rounded.white h1 span.user { color:white; }
	.rounded.blue h1, .rounded.white h2, .rounded.white h3, .titleStyle {
		font-family: 'Frank', Arial, sans-serif;
		margin-left:10px;
		margin-bottom:10px;
	}
	.rounded.blue h1 {
		text-shadow:1px 1px #222;
	}
	.mainMenu .rounded.white h3 {
		margin:auto;
	}
	.mainMenu.collapsed .rounded.white {
		margin:0 9px;
	}


.binder {
	position: absolute;
	left: 50%;
	margin-left:-31px;
	top: 50%;
	margin-top:-8px;
	z-index: 1;
	background: url('/new/images/sprite.png') no-repeat -143px -145px;
	width: 62px;
	height: 16px;
}


.button {
	text-align: center;
	display: inline-block;
	color: #333;
	background: #fff;
	border: 0;
	outline: 0;
	border-radius: 20px;
	padding: 15px;
	/* font-weight: bold; */
	margin: 10px;
	cursor: pointer;
	text-decoration: none;
	text-transform: uppercase;
	font-family:'Frank', Arial, sans-serif;
	font-size:16px;
	box-shadow: inset 0 0 15px #737373, 4px 4px 5px #888;

	-webkit-transition: width .5s, height .5s, color .5s, background-color .5s, background .5s;
 	   -moz-transition: width .5s, height .5s, color .5s, background-color .5s, background .5s;
	     -o-transition: width .5s, height .5s, color .5s, background-color .5s, background .5s;
		    transition: width .5s, height .5s, color .5s, background-color .5s, background .5s;
}

	.button.promo{
		color: #004364;
		background: #E49D28;
	}

	.button.warn{
		color:#f00 !important;
	}

	.button:hover {
		background: #E49D28;
		color:#fff;
/*		background: #01557C;

		background: #004364;
		background: -moz-linear-gradient(top, #004364 0%, #2d647f 100%);
		background: -webkit-linear-gradient(top, #004364 0%,#2d647f 100%);
		background: -o-linear-gradient(top, #004364 0%,#2d647f 100%);
		background: -ms-linear-gradient(top, #004364 0%,#2d647f 100%);
		background: linear-gradient(top, #004364 0%,#2d647f 100%);

		color: #E49D28;*/
	}

	.button.ajax, .button.iframe{
		color: #333;
		/* background: #004364; */
		background: #fff;
	}

	.button.ajax:hover, .button.iframe:hover{
		/* color: #333;
		background: #fff; */
		color:#E49D28;
		background: #255361;
		box-shadow: inset 0 0 15px #737373;
	}


   .button[disabled] {
      color: #666;
      background: #ccc;
   }
   
   .button[disabled]:hover {
      color: #666;
      background: #ccc;
   }

   .button.onDark {
      box-shadow: inset 0 0 15px #737373;
   }

   .button.large {
      font-size: 1.2em;
      padding: 20px;
   }

   .button.small{
   		font-size: .8em;
   		padding: 10px;
   }



.italic{
	font-style: italic;
}
.bold{
	font-weight: bold;
}
.center{
	text-align: center;
}
.hidden{
	display:none;
}

.right{
	right: 0;
	text-align:right;
}

.aright{
	position: absolute;
	top:0;
	right:0;
}

.left{
	text-align: left;
	left: 0;
}

.aleft{
	position: absolute;
	top:0;
	left:0;	
}

.resizable {
	max-width:256px;
	width:100%;
}

.selectable{
	position: relative;
}

.selectable::selection {
	background-color: #E79E26;
}

.clipboard, .onLight .clipboard:hover{
	background: #aaa url(/new/images/sprite.png) no-repeat -6px -178px;
	border-radius: 5px;
	width: 24px;
	height: 24px;
	display: inline-block;
	right:4px;
	top:3px;
	position: absolute;
	cursor: pointer;
}

.clipboard:hover, .onLight .clipboard{
	background-color: #ccc;
	background-position-x: -38px;
}

h1 {
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 2.5em;
}

h2 {
	text-transform: uppercase;
	font-size: 1.6em;
}

h3 {
	text-transform: uppercase;
	font-size: 1.2em;	
}



a.panelLink {
	overflow:hidden;
	color:inherit;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
	     -o-transition: all .5s;
		    transition: all .5s;
}

a.panelLink:hover {
	color:#E79E26;
	background: #3c5962;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMzYzU5NjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDMzODQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #3c5962 20%, #033849 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#3c5962), color-stop(100%,#033849));
	background: -webkit-linear-gradient(top,  #3c5962 20%,#033849 100%);
	background: -o-linear-gradient(top,  #3c5962 20%,#033849 100%);
	background: -ms-linear-gradient(top,  #3c5962 20%,#033849 100%);
	background: linear-gradient(to bottom,  #3c5962 20%,#033849 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c5962', endColorstr='#033849',GradientType=0 );

}

a.panelLink h3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

a.panelLink img{
	border-radius: 20px;
}

.error {
	color: #f00;
	font-weight: bold;
}

.switchBtn
{
	font-weight: bold;
    background: rgba(0,0,0,.4);
    border-radius: 8px;
    padding: 3px 10px;
    position: fixed;
    right: 5px;
    bottom: 5px;
    text-decoration: none;
    z-index: 1;
    color:#fff;

    -webkit-transition: all .5s linear;
       -moz-transition: all .5s linear;
         -o-transition: all .5s linear;
            transition: all .5s linear;
}
	.switchBtn:hover
    {
    	background-color: rgba(0, 0, 0, 1);
    }

    .switchBtn.switchBack
    {
        font-weight: bold;
    }
            .switchBtn.switchBack:hover:after
            {
                padding-left: 5px;
                display: inline-block;
                font-weight: normal;
                content: attr(title);
            }

ul.navi li {
	float:left;
	margin:0 0 0 8px;
	padding-right:8px;
	border-right:1px solid #738A96;
	height:22px;
}
ul.navi li:last-child {
	border-right:none;
}
ul.navi a {
	color:#CDE1EE;
	text-decoration:none;
	display:block;
	margin-top:2px;
}
ul.navi a:hover {
	color:#E79E26;
}
.zabyRow {
 	background-color: #F0FFF0;
}
.zabyRow2 {
	background-color: #fff;
}



/*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************

########     ###     ######   ########     ######  ########  ########  ######  #### ######## ####  ######      ######  ######## ##    ## ##       ########  ######  
##     ##   ## ##   ##    ##  ##          ##    ## ##     ## ##       ##    ##  ##  ##        ##  ##    ##    ##    ##    ##     ##  ##  ##       ##       ##    ## 
##     ##  ##   ##  ##        ##          ##       ##     ## ##       ##        ##  ##        ##  ##          ##          ##      ####   ##       ##       ##       
########  ##     ## ##   #### ######       ######  ########  ######   ##        ##  ######    ##  ##           ######     ##       ##    ##       ######    ######  
##        ######### ##    ##  ##                ## ##        ##       ##        ##  ##        ##  ##                ##    ##       ##    ##       ##             ## 
##        ##     ## ##    ##  ##          ##    ## ##        ##       ##    ##  ##  ##        ##  ##    ##    ##    ##    ##       ##    ##       ##       ##    ## 
##        ##     ##  ######   ########     ######  ##        ########  ######  #### ##       ####  ######      ######     ##       ##    ######## ########  ######  

*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************/


/*

##        #######   ######   #### ##    ##    ########     ###     ######   ######## 
##       ##     ## ##    ##   ##  ###   ##    ##     ##   ## ##   ##    ##  ##       
##       ##     ## ##         ##  ####  ##    ##     ##  ##   ##  ##        ##       
##       ##     ## ##   ####  ##  ## ## ##    ########  ##     ## ##   #### ######   
##       ##     ## ##    ##   ##  ##  ####    ##        ######### ##    ##  ##       
##       ##     ## ##    ##   ##  ##   ###    ##        ##     ## ##    ##  ##       
########  #######   ######   #### ##    ##    ##        ##     ##  ######   ######## 

*/


        .loginPanel {
            text-align: center;
            padding: 50px 0;
            margin: auto;
            max-width: 760px;
        }
			.loginPanel .rounded.blue .row {
				margin:0 auto;
			}
            .loginPanel label {
                color: #fff;
				margin:10px 0;
            }
			.loginPanel form {
				margin-top:25px;
			}
			.loginPanel input[type="submit"] {
				padding:8px 40px;
				margin-right:40px;
			}
			.loginPanel .rounded.inner {
				border:1px solid #006D86;
				background: #3c5962;
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjNTk2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjMDMzODQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjMjU0YzU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjMjU1MzYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODclIiBzdG9wLWNvbG9yPSIjMDMzODQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNjNTk2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
				background: -moz-linear-gradient(top,  #3c5962 0%, #033849 8%, #254c59 24%, #255361 46%, #033849 87%, #3c5962 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c5962), color-stop(8%,#033849), color-stop(24%,#254c59), color-stop(46%,#255361), color-stop(87%,#033849), color-stop(100%,#3c5962));
				background: -webkit-linear-gradient(top,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
				background: -o-linear-gradient(top,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
				background: -ms-linear-gradient(top,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
				background: linear-gradient(to bottom,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c5962', endColorstr='#3c5962',GradientType=0 );
				box-shadow: inset 0px 0px 25px rgba(0,0,0,0.5);
				padding:30px;
				
			}
            .loginPanel .supportButtons {
                white-space: nowrap;
                margin: 20px 0;
                overflow: hidden;
            }

                .loginPanel .supportButtons ul {
                    list-style: none;
                }

                .loginPanel .supportButtons li {
                    float: left;
					background: #3c5962;
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMzYzU5NjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDMzODQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
					background: -moz-linear-gradient(top,  #3c5962 20%, #033849 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#3c5962), color-stop(100%,#033849));
					background: -webkit-linear-gradient(top,  #3c5962 20%,#033849 100%);
					background: -o-linear-gradient(top,  #3c5962 20%,#033849 100%);
					background: -ms-linear-gradient(top,  #3c5962 20%,#033849 100%);
					background: linear-gradient(to bottom,  #3c5962 20%,#033849 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c5962', endColorstr='#033849',GradientType=0 );
                    width: 24.7%;
                    text-align: center;
                    -webkit-transition: background 1s;
                    -moz-transition: background 1s;
                    -o-transition: background 1s;
                    transition: background 1s;
                    border-left: 1px solid #4D8AA5;
                    border-right: 1px solid #003C5B;
                }

                    .loginPanel .supportButtons li:first-child {
                        border-radius: 15px 0 0 15px;
                        border-left: none;
                    }

                    .loginPanel .supportButtons li:last-child {
                        border-radius: 0 15px 15px 0;
                        border-right: none;
                    }

                    .loginPanel .supportButtons li:hover {
                        background: #01557C;
                    }

                .loginPanel .supportButtons a {
                    display: block;
                    color: #fff;
                    text-shadow: 1px 1px #222;
                    text-decoration: none;
                    padding: 20px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                    .loginPanel .supportButtons a:hover {
                    }

	@media only screen and (max-width: 640px) {
		.loginPanel .supportButtons li {
			float: none;
			width: 100%;
			margin: 0 auto;
			background: rgba(1, 69, 102, 1);
		}

			.loginPanel .supportButtons li:first-child, .loginPanel .supportButtons li:last-child {
				border-radius: 0;
			}
	}









/*
#### ##    ## ########  ######## ##     ##        ###     ######  ########  ##     ## 
 ##  ###   ## ##     ## ##        ##   ##        ## ##   ##    ## ##     ##  ##   ##  
 ##  ####  ## ##     ## ##         ## ##        ##   ##  ##       ##     ##   ## ##   
 ##  ## ## ## ##     ## ######      ###        ##     ##  ######  ########     ###    
 ##  ##  #### ##     ## ##         ## ##       #########       ## ##          ## ##   
 ##  ##   ### ##     ## ##        ##   ##  ### ##     ## ##    ## ##         ##   ##  
#### ##    ## ########  ######## ##     ## ### ##     ##  ######  ##        ##     ## 
*/

.topPanel.row{
	position: relative;
	z-index: 1;
	margin-top:0;
}
.rounded.blue.profileBox .profile {
	width:100%;
	margin:5px 0;
}
.profileBox, .searchBox {
	color: #fff;
	min-height: 195px;
	padding: 30px;
}

	.profileBox h2, .searchBox h2 {
		font-weight: bolder;
		font-size: 1.75em;
		line-height: 1.75em;
		text-shadow: 0 0 5px #666;
	}
	
	.profileBox .userpic{
		position: relative;
		width:125px;
		height:125px;
		margin-right: 10px;
		float: left;
	}

		.profileBox .userpic img {
			max-width: 115px;
			max-height: 115px;
		}

		.profileBox .userpic.basic img{
			border: 5px solid #236B8E;
		}

		.profileBox .userpic.vip img{
			border: 5px solid #FFF;
		}

		.profileBox .userpic.uvip img{
			border: 5px solid #E49D28;
		}

		.profileBox .userpic .badge{
			width:68px;
			height:68px;
			position: absolute;
			right:0;
			top:0;
			background:url(/new/images/BasicRibbon48.png);
		}

		.profileBox .userpic.vip .badge{
			/*background: url(/new/images/badge_vip.png); */
			background: url(/new/images/VIPRibbon48.png);
		}

		.profileBox .userpic.uvip .badge{
			/*background: url(/new/images/badge_uvip.png); */
			background: url(/new/images/UVIPRibbon48.png);
		}

	.profileBox .basic {
        margin-bottom: 15px;
    }

        .profileBox .basic > div {
            white-space:nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
        }

    .profileBox .status {
    	height:30px;
    	font-weight:bolder;
        color:#e79e26;
        font-size:.9em;
    }

    .profileBox .status .currentStatus{
    	cursor:pointer;
    }

        .profileBox .status .empty, .profileBox .status .currentStatus:hover {
            border-bottom:1px dashed #e79e26;
        }

		.profileBox .status .edit {
			display:none;
		}

			.profileBox .status .edit input:not([type]){
				padding:4px;
			}

        	.profileBox .status .edit .button{
        	 	border-radius: 10px;
        	 	margin:0;
        	 	padding: 5px 10px;
        	}

    .profileBox .starRatingOn {
        display:inline-block;
        height:16px;
        background: url(../images/rating_star.png) repeat-x;
        width:130px;
    }

    .profileBox .starRatingOff {
        display:inline-block;
        height:16px;
        background: url(../images/rating_star.png) repeat-x 0px -16px;
        width:130px;
    }

    .profileBox .starRatingOn.onDark {
        height:14px;
        background: url(/App_Themes/Utherverse/Overlays/STAR-ON.png) repeat-x;
    }

    .profileBox .starRatingOff.onDark {
        height:14px;
        background: url(/App_Themes/Utherverse/Overlays/STAR-OFF.png) repeat-x;
    }

    .profileBox .label {
        font-size:.9em;
        text-transform:uppercase;
        white-space:nowrap;
    }

    .profileBox .value {
        font-size:.9em;
        color:#e79e26;
    }

    .profileBox .profile {
        font-size:.9em;
	/*	float:right;
		width:84%; */
		margin:3px 0;
    }

        .profileBox .profile .label {
            font-weight:bolder;
            text-shadow: 0 0 15px #ccc;
            
        }

    .profileBox .profileLabel {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        width: 20%;
        
        zoom: 1;
        *display: inline;
		width:130px;
    }

    .profileBox .profileValue {
    	background-color: #45626b;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-weight: bold;
        vertical-align: middle;
        box-shadow: 0px 0px 2px 1px #4e707b, 0 0 2px 1px #45626b inset ;
        border-radius: 5px;
        padding: 5px;
        width: 70%;
		overflow:hidden;
        
        zoom: 1;
        *display: inline;
    }

.searchBox {
	text-align: center;
}

    .searchBox h2 {
    	text-transform: uppercase;
    }

    .mainBody .searchBox .inputContainer {
    	min-height:46px;
        padding:20px 0;
        white-space:nowrap;
    }
    
    .mainBody .searchBox .searchInput {
        width:300px;
    }

    .searchBox .searchButton {
        outline:0;
        border:0;
        margin: 5px 1px;
        background: url(/new/images/sprite.png) no-repeat -8px -136px;
        height: 36px;
        width: 37px;
        cursor: pointer;
    }

    .searchBox .searchButton:hover {
    	margin: 5px 1px;
    	border: 1px dotted #ccc;
    }

    .searchBox .searchOptions{
    	display: none;
    }

.mainMenu {
	text-align: center;
	position: relative;
	/* padding: 100px 0; */
	margin: 40px 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}

	.mainMenu .row {
		/* padding: 10px 0; */
	}


	.mainMenu h3 {
		font-size: 1.75em;
		line-height: 1em;
	}

	.mainMenu p {
		padding: 0 60px;
		padding-top: 20px;
		font-weight: bold;
		font-style: italic;
	}
	

/*
##     ##  #######  ##    ## ######## ##    ##        ###     ######  ########  ##     ## 
###   ### ##     ## ###   ## ##        ##  ##        ## ##   ##    ## ##     ##  ##   ##  
#### #### ##     ## ####  ## ##         ####        ##   ##  ##       ##     ##   ## ##   
## ### ## ##     ## ## ## ## ######      ##        ##     ##  ######  ########     ###    
##     ## ##     ## ##  #### ##          ##        #########       ## ##          ## ##   
##     ## ##     ## ##   ### ##          ##    ### ##     ## ##    ## ##         ##   ##  
##     ##  #######  ##    ## ########    ##    ### ##     ##  ######  ##        ##     ## 
*/

.marketStats{
	background: #3f728c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMzZjcyOGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzMjYyN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #3f728c 49%, #32627a 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#3f728c), color-stop(50%,#32627a));
	background: -webkit-linear-gradient(top,  #3f728c 49%,#32627a 50%);
	background: -o-linear-gradient(top,  #3f728c 49%,#32627a 50%);
	background: -ms-linear-gradient(top,  #3f728c 49%,#32627a 50%);
	background: linear-gradient(to bottom,  #3f728c 49%,#32627a 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f728c', endColorstr='#32627a',GradientType=0 );
    color: #fff;
    border-radius: 10px;
    padding: 10px 0;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
	position:relative;
	top:-10px;
}

.marketButtons .rays, .marketButtons .chips{
	display:inline-block;
	white-space:nowrap;
}

.moneyAccounts{
	text-align: center;
}

.moreInterestPanel {
	text-align:left !important;
}

	.moreInterestPanel h4{
		text-align: left !important;
		font-size:1.2em;
	}

	.moreInterestPanel p, .invitePanel p{
		margin:16px 0;
	}
	.invitePanel h2 {
		margin-left:auto !important;
	}
	.invitePanel p:first-of-type {
		font-size:130%;
		font-weight:bold;
	}
	.moreInterestPanel table, .quickAccountInfoTable {
        width: 100%;
        color: #fff;
        border-spacing: 5px;
        border-collapse: separate;
        border-radius: 10px;
        font-weight:bold;
		background: #004300;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiMwMDQzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMwMDMzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #004300 19%, #003300 20%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,#004300), color-stop(20%,#003300));
		background: -webkit-linear-gradient(top,  #004300 19%,#003300 20%);
		background: -o-linear-gradient(top,  #004300 19%,#003300 20%);
		background: -ms-linear-gradient(top,  #004300 19%,#003300 20%);
		background: linear-gradient(to bottom,  #004300 19%,#003300 20%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004300', endColorstr='#003300',GradientType=0 );
        box-shadow: inset 0 0 5px #000;
    }

        .moreInterestPanel table td, .moreInterestPanel table th {
            padding: 5px;
        }

        .moreInterestPanel table td.percentageValue {
            color: #6F0;
        }

.moneyContent > .row {
	margin:40px 0;
}

.interestPanel label {
    vertical-align:middle;
}

.interestPanel > div {
	text-align: right;
}

.vipGift {
	padding:53px 10px !important;
	margin:20px 0;
	font-size:1.4em;
	
}

.freeRaysPanel table {
    width: 95%;
    padding:20px;
    text-align: left;
    border-spacing: 5px;
    border-collapse: separate;
}

    .freeRaysPanel table td {
        padding:5px 15px;
        margin:10px;
        vertical-align:middle;
    }

        .freeRaysPanel table td.rayBadge {
            border-radius: 5px;
            color: #fff;
            font-size: .9em;
            padding: 2px;
            text-align: center;
			background: #3f728c;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMzZjcyOGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzMjYyN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #3f728c 49%, #32627a 50%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#3f728c), color-stop(50%,#32627a));
			background: -webkit-linear-gradient(top,  #3f728c 49%,#32627a 50%);
			background: -o-linear-gradient(top,  #3f728c 49%,#32627a 50%);
			background: -ms-linear-gradient(top,  #3f728c 49%,#32627a 50%);
			background: linear-gradient(to bottom,  #3f728c 49%,#32627a 50%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f728c', endColorstr='#32627a',GradientType=0 );
        }

        .freeRaysPanel table td span {
            color: #2C5F78;
            font-weight: bold;
        }

.purchaseForm > p{
	padding: 10px 0;
}

.purchaseForm label{
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}

.purchaseForm .error {
	display: none;
}

.transactionTable a.italic, .transactionTable a.bold{
	color:inherit;
}

.transactionTable th{
	background-color:#154A63;
	color:#fff;
}

.transHistoryPages{
	list-style: none;
}


.transHistoryPages li{
	font-size: 1em;
	padding:5px;
	display:inline-block;
}

.transHistoryPages li.hidden{
	display:none;
}

.transHistoryPages li a.active{
	font-weight: bold;
	text-decoration: none;
	color:inherit;
}

/*
########  ########   #######  ######## #### ##       ########        ###     ######  ########  ##     ## 
##     ## ##     ## ##     ## ##        ##  ##       ##             ## ##   ##    ## ##     ##  ##   ##  
##     ## ##     ## ##     ## ##        ##  ##       ##            ##   ##  ##       ##     ##   ## ##   
########  ########  ##     ## ######    ##  ##       ######       ##     ##  ######  ########     ###    
##        ##   ##   ##     ## ##        ##  ##       ##           #########       ## ##          ## ##   
##        ##    ##  ##     ## ##        ##  ##       ##       ### ##     ## ##    ## ##         ##   ##  
##        ##     ##  #######  ##       #### ######## ######## ### ##     ##  ######  ##        ##     ## 
*/

.avatarContent .clothingPreview a{
	text-align: center;
	position: relative;
	height: 150px;
	width: 150px;
	line-height: 147px;
	overflow: hidden;
	background-color: #333;
	border-radius: 10px;
	display: inline-block;

	background: #F4F4F4;
	box-shadow: -2px -2px 2px #888;
}

.avatarContent .clothingPreview a img{
	border: 0;
	max-width: 150px;
	vertical-align: middle;
}


.avatarInfo, .clothingPreview {
	text-align: center;
}

.vwwInfo{

}

	.vwwInfo .emptyProperty, .vwwInfo .requireVip{
		font-weight: bold;
		font-size:1.2em;
		color:#015176;
	}

.avatarContent .row{
	padding:15px 0;
}

.avatarContent .doorPanel{
	margin-top:20px;
}

.avatarContent .doorPanel p{
	margin:20px 0;
	overflow: hidden;
}

.avatarContent .doorPanel p img {
	float:left;
	width:150px;
	height:150px;
	margin:0 20px 20px 0;
}

.avatarContent label {

}


#defaultVww, #defaultVwwDownload{
	font-size: 1em;
}


.quickstats_empty{
	display: none;
}

/*
   ###     ######   ######   #######  ##     ## ##    ## ########        ###     ######  ########  ##     ## 
  ## ##   ##    ## ##    ## ##     ## ##     ## ###   ##    ##          ## ##   ##    ## ##     ##  ##   ##  
 ##   ##  ##       ##       ##     ## ##     ## ####  ##    ##         ##   ##  ##       ##     ##   ## ##   
##     ## ##       ##       ##     ## ##     ## ## ## ##    ##        ##     ##  ######  ########     ###    
######### ##       ##       ##     ## ##     ## ##  ####    ##        #########       ## ##          ## ##   
##     ## ##    ## ##    ## ##     ## ##     ## ##   ###    ##    ### ##     ## ##    ## ##         ##   ##  
##     ##  ######   ######   #######   #######  ##    ##    ##    ### ##     ##  ######  ##        ##     ## 
*/


.accountContent .photoAlbumPromo .inner p{
	padding: 10px 0;
}

.albumContainer{

}

.albumItemsContainer{
	display:none;
}

	.albumContainer .dash, .albumItemsContainer .dash{
		overflow: hidden;
	}

		.albumContainer .dash .sub, .albumItemsContainer .dash .sub{
			display:none;
		}

.addresses {
	text-align: right;
	display: inline-block;
}


.personality_accordion dt div {
    background-color: #999;
    padding: 10px;
    padding-right: 60px;
}



/* Achievements.aspx */

.giftContainer {
	}

		.giftContainer .description {
			text-align: left;
			margin: 0;
			padding: 20px;
		}

		.giftContainer .description .note{
			overflow:hidden;
			word-wrap: break-word;
		}

		.giftImageContainer {
			height: 175px;
		}

		.giftContainer img {
			max-width: 100%;
			max-height: 100%;
			border-radius:5px;
		}

	.giftSlider {
		overflow: hidden;
	}

		.giftSlider .itemWrapper {
			white-space: nowrap;
		}

		.giftSlider .sliderContainer {
			margin:0 60px;
			text-align: center;
			overflow: hidden;
		}

		.giftSlider .corner {
			padding: 30px 0;
			width: 60px;
			position: absolute;
			top:0;
			bottom:0;
			cursor: pointer;
			-moz-user-select: none;
			-khtml-user-select: none;
			-webkit-user-select: none;
			-o-user-select: none;
		}

			.giftSlider .corner span {
				display: inline-block;
				margin: auto;
				width: 0;
				height: 0;
				border-top: 20px solid transparent !important;
				border-bottom: 20px solid transparent !important;
				vertical-align: bottom;
			}

			.giftSlider .corner.right span {
				padding-right: 15px;
				border-left: 20px solid #3A7A98;
			}

			.giftSlider .corner.left span {
				padding-left: 15px;
				border-right: 20px solid #3A7A98;
			}

			.giftSlider .corner:hover span {
				border-color: #004364;
			}

			.giftSlider .corner:hover {
				background-color: rgba(0,0,0,.1);
			}

		.giftSlider .giftItem {
			position: relative;
			cursor: pointer;
			float: left;
			display: block;
			padding: 0 5px;
		}

			.giftSlider .new.giftItem::after {
        		content:'new';
        		color:red;
        		font-size: .8em;
        		font-weight:bold;
        		position:absolute;
        		top:0;
        		right:0;
    		}

			.giftSlider .giftItem img {
				width: 100px;
				height: 100px;
				vertical-align: bottom;
				border-radius:5px;
			}



.ranks {
		width: 634px;
		text-align: left;
		margin:0 auto;
	}
.sidebarPlugin .ranks {
	width: auto;
}

		.ranks td {
			padding: 5px;
		}

		.ranks .rankName {
			width: 25%;
			font-weight: bold;
			text-align: right;
		}

		.ranks .points {
			width: 5%;
			min-width:50px;
			vertical-align: middle;
		}

			.ranks .points span {
				display: inline-block;
				height: 40px;
				width: 100%;
				line-height: 40px;
				border-radius: 10px;
				background-color: #000;
				color: #fff;
				text-align: center;
			}

		.ranks .title {
			width: 10%;
			vertical-align: middle;
		}

		.ranks .bar .barHolder {
			height: 40px;
			background: url(../images/diagonal_bg.png) repeat-x;
			overflow: hidden;
			border-radius: 10px;
		}

			.ranks .bar .barHolder .percentage {
				height: 100%;
				opacity: .6;
				border-radius: 10px;
			}

				.ranks .bar .barHolder .percentage.popularity {
					background-color: purple;
				}

				.ranks .bar .barHolder .percentage.karma {
					background-color: yellow;
				}

				.ranks .bar .barHolder .percentage.sex {
					background-color: green;
				}

				.ranks .bar .barHolder .percentage.friendliness {
					background-color: red;
				}

.photoButtonImage {
	vertical-align: middle;
}

/*FAQ*/

.faqContent{
	margin: 0 0 20px;	
}

.faqContent h2{
	padding:10px 0; 
}

.faqContent ol{
	margin:0 30px 0;
}

.faqHeader{
	 border-bottom:1px solid #ddd; 
	 margin:10px 0;
	 padding:10px 0; 
	 position:relative;
}

.faqHeader a{
	 position:absolute; 
	 top:0;
	 bottom:0;
	 right:0;
}

.faq h4{
	color:#666;
	margin:10px 0;
	padding:10px 0; 
}

.faq strong{
	font-size:.9em;
}

/* RESOURCES */
.resourceContent {
	margin:0 auto;
	max-width:1130px;
}
.resourceContent ul {
	list-style:none inside none;
}
.resourceContent li {
	list-style:none inside none;
}
.resourceContent ul#filter {
	padding:40px 0 50px;
	font-family:'Frank', Arial, sans-serif;
}
.resourceLink {
	max-width:265px;
	width:100%;
	margin-right:8px;
	margin-bottom:8px;
	display:inline-block;
}
ul#filter li{
	float:left;
	margin:5px 10px;
}
ul#filter li a {
	text-decoration:none;
	padding:6px;
	color:#222;
	font-size:16px;
}
ul#filter li a:hover {
	text-decoration:underline;
}
ul#filter li.active a {
	border-radius:3px;
	background:#236B8E;
	color:#fff;
}
ul#filter li.active a:hover {
	text-decoration:none;
}
.item {
	float:left;
	margin-bottom:15px;
	width:273px;
}

/*
######## ########  #### ######## ##    ## ########   ######         ###     ######  ########  ##     ## 
##       ##     ##  ##  ##       ###   ## ##     ## ##    ##       ## ##   ##    ## ##     ##  ##   ##  
##       ##     ##  ##  ##       ####  ## ##     ## ##            ##   ##  ##       ##     ##   ## ##   
######   ########   ##  ######   ## ## ## ##     ##  ######      ##     ##  ######  ########     ###    
##       ##   ##    ##  ##       ##  #### ##     ##       ##     #########       ## ##          ## ##   
##       ##    ##   ##  ##       ##   ### ##     ## ##    ## ### ##     ## ##    ## ##         ##   ##  
##       ##     ## #### ######## ##    ## ########   ######  ### ##     ##  ######  ##        ##     ## 

*/

.invitePanel {
	padding:40px;
}

/***************GIFTS***************************/


.giftContent .giftImages{
	margin: 10px 0;
}

.giftContent .giftItem {
            position: relative;
            height: 200px;
            width: 150px;
            display: inline-block;
            border-radius: 2px;
            margin: 0 5px 5px 0;
            background: #fff;
            vertical-align: top;
            cursor: pointer;
            -webkit-transition: opacity .5s;
            -moz-transition: opacity .5s;
            -o-transition: opacity .5s;
            transition: opacity .5s;
        }

        	.giftContent .giftItem.large{
        		height:225px;
        	}

        	.giftContent .giftItem.wide{
        		width:175px;
        	}

        	.giftContent .giftItem.current {
        		background-color: rgba(0,0,255,.3);
        	}

            .giftContent .giftItem.disabled {
                opacity: .2;
            }

            .giftContent .giftItem .itemPreviewWrap {
                height: 175px;
                line-height: 175px;
                text-align: center;
            }

                .giftContent .giftItem .itemPreviewWrap .itemPreview {
                    vertical-align: middle;
                    max-width: 100px;
                    max-height: 100px;
                }

                .giftContent .giftItem.large .itemPreviewWrap .itemPreview {
                    max-width: 150px;
                    max-height: 150px;
                }

                .giftContent .giftItem.wide .itemPreviewWrap .itemPreview {
                	max-width: 175px;
                	max-height: 150px;
                }

            .giftContent .giftItem .itemDetails {
                width: 100%;
                min-height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
                color: #fff;
                background: #000;
                -webkit-transition: opacity .5s;
                -moz-transition: opacity .5s;
                -o-transition: opacity .5s;
                transition: opacity .5s;
                z-index:1;
            }


            .giftContent .giftItem:hover {
                opacity: 1 !important;
            }

                .giftContent .giftItem:hover .itemDetails {
                    opacity: .8;
                }

            .giftContent .giftItem .itemDetails .itemDetailsWrap {
                padding: 10px;
            }

                .giftContent .giftItem .itemDetails .itemDetailsWrap .descr {
                    font-style: italic;
                    padding-top: 10px;
                }


.ui-autocomplete .picwrap {
	width: 50px;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
    line-height: 50px;
    text-align: center;
    margin-right: 5px;
}

.ui-autocomplete .picwrap .userpic {
 	max-width: 50px;
    max-height: 50px;
    vertical-align: middle;
 }

/*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************

##     ## ##    ##     ######   #### ######## ########  ######  
###   ###  ##  ##     ##    ##   ##  ##          ##    ##    ## 
#### ####   ####      ##         ##  ##          ##    ##       
## ### ##    ##       ##   ####  ##  ######      ##     ######  
##     ##    ##       ##    ##   ##  ##          ##          ## 
##     ##    ##       ##    ##   ##  ##          ##    ##    ## 
##     ##    ##        ######   #### ##          ##     ######  

*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
******************************************************************************************************************************************************************/
 
.summary.rounded.white {
	padding:10px;    	
	background-color: #d4d4d4; 
	background-size: 100% 100%;
	
	box-shadow: -2px -2px 2px #888;
	border-radius: 20px;
	text-align: center;
	margin:20px 0 5px;
}
.summary.rounded.white label { font-weight: bold; }
.summary.rounded.white input{
	width:88px;
	padding:15px;
	font-size:1.3em;
}
.step .rounded.white {
	min-width:65%;
}

.step .header {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	margin:10px 0;
}

.giftMan {
	background:url(/new/images/giftMan.png) no-repeat;
	padding-top:110px;
	background-position:center 0;
	text-align: center;
}
.giftHat {
	background:url(/new/images/giftHat.png) no-repeat;
	padding-top:110px;
	background-position:center 0;
	text-align: center;
}
#giftCardContainer {
	text-align: center;
}
#skipGiftStep {
	float:right;
}
.rounded.white.navigation {
	margin-top:25px;
	box-shadow: inset 0px 0px 15px 1px #555, -1px -1px 1px 1px white, 0px 3px 5px 2px #666;
	width:91%;
	position:relative;
	bottom:0;
	padding:8px 2%;
	border-radius:16px;
}
.rounded.white.navigation:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.step.provideNote .rounded.white, .step.chooseWho .rounded.white  {
	text-align: center;
}
#giftMessage {
	width:350px;
	height:230px;
}
.balanceAndButton {
	float:right;

}
.responsiveImg {
	max-width: 100%;
	height: auto;
}
/* OLD VERSION */
.rounded.white.dialog {
	width:80%;
	box-shadow: inset 0px 0px 15px 1px #555, -1px -1px 1px 1px white, 0px 3px 5px 2px #666 !important;
	text-align: center !important;
}
.rounded.white.dialog span.user {color:#8CCCDF;}
.rounded.white.dialog .button {
	width:180px;
	padding-top:25px;
	padding-bottom:25px;
}
.rounded.white.dialog .button.select {
	width:130px;
	padding:15px;
}
.rounded.white.dialog .button.searchButton {
	height:30px;
	width:29px;
	background:url(/new/images/searchBtn.png) center center no-repeat;
	curosr:pointer;
	outline:0;
	border:0;
	margin:5px 1px;
	padding:24px 40px;
}
.rounded.white.dialog .searchInput {
	width:110px;
}
.giftFriend {
	background:url(/new/images/giftFriend.png) no-repeat;
	padding-top:110px;
	background-position:center 5px;
}

.rounded.inner.catalogue {
	text-align:left;
}
.giftChoose {
	display: inline-block;
}


/*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************

########  ########   #######  ########     ######## ########  #### ########  #######  ########  
##     ## ##     ## ##     ## ##     ##    ##       ##     ##  ##     ##    ##     ## ##     ## 
##     ## ##     ## ##     ## ##     ##    ##       ##     ##  ##     ##    ##     ## ##     ## 
########  ########  ##     ## ########     ######   ##     ##  ##     ##    ##     ## ########  
##        ##   ##   ##     ## ##           ##       ##     ##  ##     ##    ##     ## ##   ##   
##        ##    ##  ##     ## ##           ##       ##     ##  ##     ##    ##     ## ##    ##  
##        ##     ##  #######  ##           ######## ########  ####    ##     #######  ##     ## 

*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
******************************************************************************************************************************************************************/
 
.propEditContent {}
.propEditContent p {
	margin:12px 0 12px 10px;
}

#menuSelect {
	list-style: none;
}
#propMenu {
	list-style: none;
}
#propMenu .item {
	width:auto;
	float:none;
}

/*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************

  
   ###    ########  ##     ##    ###    ##    ##  ######  ######## ########      ######  ########    ###    ########   ######  ##     ## 
  ## ##   ##     ## ##     ##   ## ##   ###   ## ##    ## ##       ##     ##    ##    ## ##         ## ##   ##     ## ##    ## ##     ## 
 ##   ##  ##     ## ##     ##  ##   ##  ####  ## ##       ##       ##     ##    ##       ##        ##   ##  ##     ## ##       ##     ## 
##     ## ##     ## ##     ## ##     ## ## ## ## ##       ######   ##     ##     ######  ######   ##     ## ########  ##       ######### 
######### ##     ##  ##   ##  ######### ##  #### ##       ##       ##     ##          ## ##       ######### ##   ##   ##       ##     ## 
##     ## ##     ##   ## ##   ##     ## ##   ### ##    ## ##       ##     ##    ##    ## ##       ##     ## ##    ##  ##    ## ##     ## 
##     ## ########     ###    ##     ## ##    ##  ######  ######## ########      ######  ######## ##     ## ##     ##  ######  ##     ## 

*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
******************************************************************************************************************************************************************/

.rounded.white.advSearch h2 {
	float:left;
	margin-top:17px;
}
.rounded.white.advSearch h3 {
	margin-left:15px;
	text-align:left;
}
.mainBody .adv_search {
	float:right;
}
.mainBody .adv_search .searchInput {
	width:200px;
	padding: 10px;
	text-overflow: ellipsis;
	border-radius: 5px;
	outline: none;
	background: #eee;
	border: 1px solid rgba(0,0,0, 0.2);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.mainBody .advSearch .searchButton, .groupBox .searchButton {
	background:url('../images/searchBtn.png') center center no-repeat #fff;
	height:30px;
	width:29px;
	cursor:pointer;
	outline:0;
	border:0;
	margin:5px 1px;
	padding:24px 40px;
}
.mainBody .advSearch .searchButton:hover, .groupBox .searchButton:hover {
	background:url('../images/searchBtn.png') center center no-repeat #E49D28;
}
.groupBox {
	border-radius:25px;
	background:#cdcdcd;
	padding:5px;
	text-align:center;
}
.groupBox.checkBox {
	min-height:120px;
	text-align:left;
	padding:10px;
}
.groupBox span {
}
.advSearch .nsc_selectContainer {
	font-weight: bold;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	zoom: 1;
}

.advSearch .nsc_selectContainer.onLight .nsc_selectDropDown{
	cursor: pointer;
	padding: 15px 35px;
	border-radius:20px;
	background:#fff;
	box-shadow:inset 0 0 22px -2px #000;
	height: 20px;
	width:auto;
	zoom: 1;
}

	.advSearch .nsc_selectContainer.onLight .nsc_selectDropDown p{
		color:#333;
		text-shadow:none;
		font-family:'Frank', Arial, sans-serif;
		font-weight:normal;
	}
	.advSearch .nsc_selectContainer.onLight .nsc_selectDropDown p:after{
		content:url(../images/dropdownArrow.png);
		width:18px;
		height:16px;
		position:absolute;
		right:12px;
	}
	.advSearch .nsc_selectContainer.onLight .nsc_selectDropDown ul{
		color:#fff;
		font-size: 1.2em;
		text-align: left;
	}

	.advSearch .nsc_selectContainer:hover .nsc_selectDropDown{
		background:#ccc;
	}

	.advSearch .nsc_selectContainer.onLight:hover .nsc_selectDropDown{
		background: #ccc;
	}
.advSearch .nsc_selectList {
	width:100%;
	max-height:250px;
	overflow:auto;
	position:absolute;
	background-color:#fff;
	z-index:100;
	text-align:left;
	top:50px;
	left:0;
	opacity:0;
	height:0;
	-webkit-transition: opacity .5s linear;
	-moz-transition: opacity .5s linear;
	-o-transition: opacity .5s linear;
	transition: opacity .5s linear;
}
	.advSearch .nsc_selectList.clicked{
		display:none !important;
	}

	.advSearch .nsc_selectList li{
		color:#035;
		padding: 10px;
		list-style: none;
		cursor: pointer;
	}

	.advSearch .nsc_selectList li a{
		display:block;
		color:inherit;
	}

	.advSearch .nsc_selectList li:hover{
		background-color: #666;
	}

	.advSearch .nsc_selectContainer:hover .nsc_selectList, .advSearch .nsc_selectList:hover{
		border: 1px solid #666;
		opacity: 1;
		height:auto;

		/*
		-webkit-transition-delay:.5s;
	   	   -moz-transition-delay:.5s;
	     	 -o-transition-delay:.5s;
				transition-delay:.5s;
		*/
	}
	.span15 {
		float:left;
		width:15%;
	}
	.span56 {
		float:left;
		width:80%;
	}
	.span56 .groupBox label {
		margin:0 10px;
	}
	.utherBox {
		background:#f6e5b3;
		padding:40px 0;
		box-shadow:-2px -2px 2px #888;
	}
	.clothingBox {
		background:#B69EB0;
		padding:40px 0;
		box-shadow:-2px -2px 2px #888;
	}
	.worldBox {
		background:#90949F;
		padding:40px 0;
		box-shadow:-2px -2px 2px #888;
	}
	.eventBox {
		background:#f5dfc9;
		padding:40px 0;
		box-shadow:-2px -2px 2px #888;
	}
	.streamBox {
		background:#c1d8ba;
		padding:40px 0;
		box-shadow:-2px -2px 2px #888;
	}
	.decoBox {
		background:#aed0f3;
		padding:40px 0;
		box-shadow:-2px -2px 2px #888;
	}
	.mainBody .utherBox .searchInput, .mainBody .clothingBox .searchInput, .mainBody .worldBox .searchInput, .mainBody .eventBox .searchInput, .mainBody .streamBox .searchInput, .mainBody .decoBox .searchInput {
		width:60%;
	}
	.mainBody .utherBox a, .mainBody .clothingBox a, .mainBody .worldBox a, .mainBody .eventBox a, .mainBody .streamBox a, .mainBody .decoBox a {
		font-weight:bold;
		color:#666666;
		text-decoration:underline;
	}


/******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************

########   #######   #######  ########   ######  
##     ## ##     ## ##     ## ##     ## ##    ## 
##     ## ##     ## ##     ## ##     ## ##       
##     ## ##     ## ##     ## ########   ######  
##     ## ##     ## ##     ## ##   ##         ## 
##     ## ##     ## ##     ## ##    ##  ##    ## 
########   #######   #######  ##     ##  ###### 

*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************/

ul#doorTabs {
	height:85px;
	list-style:none;
	padding:0;
	/* width:580px; */
	margin:0 auto;
}
ul#doorTabs:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#doorTabs li {
	float:left;
	margin:4px 8px;
}
#doorTabsContent .actions
{
   text-align: right;
   font-weight: bold;
   margin: 0 auto;
}

#doorTabsContent .item > .actions
{
   width: 90%;
}

#doorTabsContent .item
{
   width: 95%;
   border-radius: 8px;
   margin: 5px auto;
   border: none;
   padding: 10px;
   font-size: 1em;
   clear: both;
   background:#fff;
}

#doorTabsContent .image
{
   max-width: 300px;
}

   #doorTabsContent .image img
   {
      max-width: 100%;
   }

#doorTabsContent .dateTime
{
   display: block;
}

#doorTabsContent .col
{
   vertical-align: top;
   display: inline-block;
   padding: 10px;
}

#doorTabsContent label
{
   display: block;
   font-weight: bold;
}

#doorTabsContent .checkbox label
{
   display: inline !important;
   font-weight: normal !important;
}

#doorTabsContent .item.unconfigured
{
   border-color: #f00;
   background-color: #fee;
}

#doorTabsContent .item h2
{
   width: 90%;
   margin: 0 auto;
   font-size: 1em;
}

   #doorTabsContent .item h2 .subheader
   {
      display: block;
      width: 300px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
   }

#doorTabsContent .clearfix:after
{
   content: '';
   clear: both;
   display: block;
}

#doorTabsContent .item .doorTable
{
   table-layout: fixed;
   margin: 10px auto;
   width: 90%;
   border-collapse: collapse;
   border-spacing: 0;
}

   #doorTabsContent .item .doorTable .highlightOnHover:hover
   {
      background-color: #eee;
   }

   #doorTabsContent .item .doorTable th
   {
      vertical-align: top;
      padding: 5px;
      color: #fff;
      text-align: left;
      font-size: .9em;
	  background:#666
   }

   #doorTabsContent .item .doorTable td
   {
      border: none;
      vertical-align: top;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 5px;
   }

#doorTabsContent table a, #doorTabsContent span a
{
   color: #07C;
}

#doorTabsContent table a:hover, #doorTabsContent span a
{
   text-decoration: underline;
}
*/
#doorTabsContent .error
{
   display: block;
   color: #f00;
   font-weight: bold;
}

#doorTabsContent li
{
   padding:5px 0;
}
/* -- Added by Marco --*/

.rounded.inner {
	background: #d4d4d4; 
    border-radius: 20px 20px 20px 20px;
    box-shadow: -2px -2px 2px #888888;
    margin: 20px 0;
    padding: 10px;
    text-align: center;
}

/*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************


########  ##       ##     ##  ######   #### ##    ##  ######  
##     ## ##       ##     ## ##    ##   ##  ###   ## ##    ## 
##     ## ##       ##     ## ##         ##  ####  ## ##       
########  ##       ##     ## ##   ####  ##  ## ## ##  ######  
##        ##       ##     ## ##    ##   ##  ##  ####       ## 
##        ##       ##     ## ##    ##   ##  ##   ### ##    ## 
##        ########  #######   ######   #### ##    ##  ######  


*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
******************************************************************************************************************************************************************/


.tipable {
}

.tipHolder {
	text-decoration: none;
	position: absolute;
	top: 0;
	right: -20px;
	width: 16px;
	height: 16px;
	font-size: 13px;
	background-color: #8ac;
	border-radius: 10px;
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center;
	cursor: pointer;
}

.clickableWrapper {
	position: relative;
}

.tip {
	position: absolute;
	display: none;
	z-index: 99;
	background-color: #ccc;
	background-color: rgba(204,204,204, 0.8);
	color: #000;
	border: 1px solid #aaa;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #111;
}

	.tip .TipContent {
		position: relative;
		margin: 0;
		padding: 35px;
		text-align: center;
	}

	.tip .TipCloseBtn {
		text-decoration: none;
		display: block;
		outline: none;
		position: absolute;
		top: 8px;
		right: 8px;
		font-size: 13px;
		background-color: #833;
		color: #fff;
		background: url('/new/images/sprite.png') no-repeat -59px -143px;
		width: 24px;
		height: 24px;
	}


/*
 ######  ##     ##  #######  ########  ########  ######  ##     ## ########  ######  
##    ## ##     ## ##     ## ##     ##    ##    ##    ## ##     ##    ##    ##    ## 
##       ##     ## ##     ## ##     ##    ##    ##       ##     ##    ##    ##       
 ######  ######### ##     ## ########     ##    ##       ##     ##    ##     ######  
      ## ##     ## ##     ## ##   ##      ##    ##       ##     ##    ##          ## 
##    ## ##     ## ##     ## ##    ##     ##    ##    ## ##     ##    ##    ##    ## 
 ######  ##     ##  #######  ##     ##    ##     ######   #######     ##     ######                                                           
*/

.shortcuts ul{
	display:inline-block;
	list-style: none;
}

.shortcuts ul li{
	position: relative;
	display:inline-block;
	padding: 0 10px 0 10px;
	border-right: 1px solid rgba(0,0,0,.2);
}

.shortcuts .add{
	font-size: 1.5em;
	cursor: pointer;
	font-weight: bold;
	vertical-align: middle;
}


/*
########     ###    ########  ####  #######  
##     ##   ## ##   ##     ##  ##  ##     ## 
##     ##  ##   ##  ##     ##  ##  ##     ## 
########  ##     ## ##     ##  ##  ##     ## 
##   ##   ######### ##     ##  ##  ##     ## 
##    ##  ##     ## ##     ##  ##  ##     ## 
##     ## ##     ## ########  ####  #######  
*/

.nsc_radioContainer
{
	margin:10px 0;
}

.nsc_radio {
	cursor: pointer;
	display: inline-block;
	box-shadow: inset 0 0 15px #737373;
	color: #333;
	background-color: white;
	text-align: center;
	padding:10px 15px;
	font-weight: 1.2em;
	font-weight: bold;

	-webkit-transition: all .2s linear;
	   -moz-transition: all .2s linear;
	     -o-transition: all .2s linear;
			transition: all .2s linear;

	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
            user-select: none;
}

	.nsc_radio:first-child{
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}

	.nsc_radio:last-child{
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}

	.nsc_radio.active {
		background: #004364;
		background: -webkit-linear-gradient(top, #004364 0%,#2d647f 100%);
		background:    -moz-linear-gradient(top, #004364 0%, #2d647f 100%);
		background:     -ms-linear-gradient(top, #004364 0%,#2d647f 100%);
		background:      -o-linear-gradient(top, #004364 0%,#2d647f 100%);
		background:         linear-gradient(top, #004364 0%,#2d647f 100%);
		color: #E49D28;
	}

/*
 ######  ######## ##       ########  ######  ######## 
##    ## ##       ##       ##       ##    ##    ##    
##       ##       ##       ##       ##          ##    
 ######  ######   ##       ######   ##          ##    
      ## ##       ##       ##       ##          ##    
##    ## ##       ##       ##       ##    ##    ##    
 ######  ######## ######## ########  ######     ##    
*/

.nsc_selectContainer{
	display: inline-block;
	position: relative;
	vertical-align: middle;

	zoom: 1;
    *display: inline;
}

.navSpan .nsc_selectContainer {
	margin-top:-20px;
}

.nsc_selectDropDown {
	cursor: pointer;

	padding: 0 53px 0 10px;
	background: url('/new/images/sprite.png') no-repeat -213px -117px;
	width: 134px;
	height: 47px;

	zoom: 1;
	*display: inline;
}

.nsc_selectContainer.onLight .nsc_selectDropDown{
	width:175px;
	padding: 10px;
	height:18px;
	background: #3f728c;
	background: -moz-linear-gradient(top,  #3f728c 49%, #32627a 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#3f728c), color-stop(50%,#32627a));
	background: -webkit-linear-gradient(top,  #3f728c 49%,#32627a 50%);
	background: -o-linear-gradient(top,  #3f728c 49%,#32627a 50%);
	background: -ms-linear-gradient(top,  #3f728c 49%,#32627a 50%);
	background: linear-gradient(to bottom,  #3f728c 49%,#32627a 50%);
	border-radius: 20px;
	color: white;
	display: inline-block;
	margin: 5px auto;
	text-align: left;
	text-shadow: 1px 1px 1px black;
}

	.nsc_selectContainer.onLight .nsc_selectDropDown p{
		line-height:18px;
	}

	.nsc_selectDropDown p{
		color:#333;
		overflow: hidden;
		line-height: 47px;
		text-align: center;
		white-space: nowrap;
	}	

	.nsc_selectContainer.onLight .nsc_selectDropDown p{
		color:#fff;
		font-size: 1.2em;
		text-align: left;
	}

	.nsc_selectContainer:hover .nsc_selectDropDown{
		background-position-y: -176px;
	}

	.nsc_selectContainer.onLight:hover .nsc_selectDropDown{
		background: #004364;
	}

.nsc_selectList {
	width:100%;
	max-height:250px;
	overflow: auto;
	position: absolute;
	background-color: #fff;
	z-index: 100;
	text-align: left;
	top:47px;
	left:0;

	opacity:0;
	height:0;

	-webkit-transition: opacity .5s linear;
	   -moz-transition: opacity .5s linear;
	     -o-transition: opacity .5s linear;
			transition: opacity .5s linear;
}

	.nsc_selectList.clicked{
		display:none !important;
	}

	.nsc_selectList li{
		color:#035;
		padding: 10px;
		list-style: none;
		cursor: pointer;
	}

	.nsc_selectList li a{
		display:block;
		color:inherit;
	}

	.nsc_selectList li:hover{
		background-color: #666;
	}

	.nsc_selectContainer:hover .nsc_selectList, .nsc_selectList:hover{
		border: 1px solid #666;
		opacity: 1;
		height:auto;
		
	}



/*
   ###     ######   ######   #######  ########  ########  ####  #######  ##    ## 
  ## ##   ##    ## ##    ## ##     ## ##     ## ##     ##  ##  ##     ## ###   ## 
 ##   ##  ##       ##       ##     ## ##     ## ##     ##  ##  ##     ## ####  ## 
##     ## ##       ##       ##     ## ########  ##     ##  ##  ##     ## ## ## ## 
######### ##       ##       ##     ## ##   ##   ##     ##  ##  ##     ## ##  #### 
##     ## ##    ## ##    ## ##     ## ##    ##  ##     ##  ##  ##     ## ##   ### 
##     ##  ######   ######   #######  ##     ## ########  ####  #######  ##    ## 
*/

.nsc_accordion{

}

.nsc_accordion dt{
	font-weight: bold;
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 2em;
	color: #E49D27;
	text-shadow: 1px 1px 0px black;
	padding:10px 0;
	position: relative;
}

	.nsc_accordion dt div{
		cursor: pointer;
	}

	.nsc_accordion dt .arrow {
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		
		border-top: 10px solid #ccc;
		position: absolute;
		right:30px;
		top:50%;
		margin-top:-5px;
	}
	
	.nsc_accordion dt.active .arrow{
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: none;
		border-bottom: 10px solid #ccc;
	}

.nsc_accordion dd{
	padding: 0 5px;
}

/*
   ###          ##    ###    ##     ## ########  ########  ######## ##     ## #### ######## ##      ## 
  ## ##         ##   ## ##    ##   ##  ##     ## ##     ## ##       ##     ##  ##  ##       ##  ##  ## 
 ##   ##        ##  ##   ##    ## ##   ##     ## ##     ## ##       ##     ##  ##  ##       ##  ##  ## 
##     ##       ## ##     ##    ###    ########  ########  ######   ##     ##  ##  ######   ##  ##  ## 
######### ##    ## #########   ## ##   ##        ##   ##   ##        ##   ##   ##  ##       ##  ##  ## 
##     ## ##    ## ##     ##  ##   ##  ##        ##    ##  ##         ## ##    ##  ##       ##  ##  ## 
##     ##  ######  ##     ## ##     ## ##        ##     ## ########    ###    #### ########  ###  ###  
*/

.draggable{
}

.draggable .dragPanel{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:30px;
	cursor: move;
}

.ui-draggable-dragging{
	-webkit-transition: none !important;
 	   -moz-transition: none !important;
	     -o-transition: none !important;
		    transition: none !important;
}

.ui-resizable-handle{
	position: absolute;
	display: block;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-se {
	background-color:#000;
	width: 16px;
	height: 16px;
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

#nsc_ajaxPreviewSpinner{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 97px;
	height: 65px;
	margin-top: -20px;
	margin-left: -40px;
	padding: 10px;
	cursor: pointer;
	overflow: hidden;
	z-index: 102;
	opacity:.7;
	filter: alpha(opacity=70);
	border-radius:10px;
	background: #035 url(/new/scripts/plugins/spinner.gif) no-repeat center 65px;
}

#nsc_ajaxPreviewSpinner:hover{
	opacity:1;
	filter: alpha(opacity=100);
}

#nsc_ajaxPreviewSpinner:after{
	content:'';
	background: url('/new/images/sprite.png') no-repeat -432px -104px;
	width: 97px;
	height: 51px;
	display:block;
}

#nsc_ajaxPreviewMask{
	position: fixed;
	width:100%;
	height:100%;
	opacity:.75;
	filter: alpha(opacity=75);
	cursor: pointer;
	top:0;
	left: 0;
	z-index: 100;
	display: none;
	background-color: #fff;
}

#nsc_ajaxPreviewWrap{
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
	outline: none;
	display: none;
	height:auto;

	max-width: 1150px;
	/* max-height: 690px; */
	-webkit-transition: top .5s, left .5s, width .5s, height .5s;
 	   -moz-transition: top .5s, left .5s, width .5s, height .5s;
	     -o-transition: top .5s, left .5s, width .5s, height .5s;
		    transition: top .5s, left .5s, width .5s, height .5s;
}

	#nsc_ajaxPreviewWrap.iframed{
		/*width:75%;
		height:75%;*/
	}

#nsc_ajaxPreviewWrap .content{
	padding:20px;
	max-width:1000px;
}
	#nsc_ajaxPreviewWrap .content .inner{
		margin:0;
	}

#nsc_ajaxPreviewClose{
	width:54px;
	height:54px;
	top:-15px;
	right:-15px;
	cursor:pointer;
	position: absolute;
	background-image: url(/new/images/close.png);
}

.pluginClose, .pluginMinimize {
	display: inline-block;
	width:54px;
	height:54px;	
}

.pluginClose{
	background-image: url(/new/images/close.png);
}

.pluginMinimize{
	background: url(/new/images/sprite.png) 166px 436px;
}

.collapsed .pluginMinimize{
	background: url(/new/images/sprite.png) 166px 365px ;	
}

.sidebarPlugin .buttons, .giftItem .buttons{
	z-index:2;
	top:-15px;
	right:-15px;
	cursor:pointer;
	position: absolute;
	display: none;
}

.sidebarPlugin:hover .buttons, .giftItem:hover .buttons{
	display:block;
}

#nsc_ajaxPreviewIFrame{
	width:100%;
	height:100%;
	max-height:600px;
}

/*
##     ## #### ##    ## ########  ######  
##     ##  ##  ###   ##    ##    ##    ## 
##     ##  ##  ####  ##    ##    ##       
#########  ##  ## ## ##    ##     ######  
##     ##  ##  ##  ####    ##          ## 
##     ##  ##  ##   ###    ##    ##    ## 
##     ## #### ##    ##    ##     ######  
*/

.nsc_hint{
	width: 1.2em;
	height: 1.2em;
	line-height: 1.2em;
	background-color: #ccc;
	border-radius: 10px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	cursor: help;
	box-shadow: 2px 2px 2px #888;
	vertical-align: bottom;
}

.nsc_hint:hover, .nsc_hint.active{
	background-color:#035;
	color:#E49D27;
}

/*
#nsc_hintWrap{
	border:1px solid #888;
	box-shadow: 2px 2px 2px #888;
	text-align: center;
	position: absolute;
	z-index: 101;
	outline: none;
	display: none;
	height:auto;
	max-width:20%;
} 
*/

#nsc_hintWrap {
	border:1px solid #888;
	text-align:left;
	position:absolute;
	z-index:101;
	outline:none;
	display:none;
	height:auto;
	max-width:25%;
	border-radius:10px;
	background: #F2F2F2;
	box-shadow: inset 0px 0px 15px 1px #555, -1px -1px 1px 1px white, 0px 3px 5px 2px #666;
	
}

#nsc_hintWrap .content{
	padding:5px;
}

#nsc_hintClose{
	width:50px;
	height:50px;
	top:-15px;
	right:-15px;
	cursor:pointer;
	position: absolute;
	background-image: url(/new/images/close.png);
}


/*


 ######  ##     ## #### ########   ######     ########  #######   #######  ##       
##    ## ##     ##  ##  ##     ## ##    ##       ##    ##     ## ##     ## ##       
##       ##     ##  ##  ##     ## ##             ##    ##     ## ##     ## ##       
##       #########  ##  ########   ######        ##    ##     ## ##     ## ##       
##       ##     ##  ##  ##              ##       ##    ##     ## ##     ## ##       
##    ## ##     ##  ##  ##        ##    ##       ##    ##     ## ##     ## ##       
 ######  ##     ## #### ##         ######        ##     #######   #######  ######## 

 */

#chipstool1 {}
#chipstool1 h3, .container1 .title {
	background: #3f728c;
	padding:5px;
	color:white;
}


/*

   ###    ##       ########  ##     ## ##     ##  ######  
  ## ##   ##       ##     ## ##     ## ###   ### ##    ## 
 ##   ##  ##       ##     ## ##     ## #### #### ##       
##     ## ##       ########  ##     ## ## ### ##  ######  
######### ##       ##     ## ##     ## ##     ##       ## 
##     ## ##       ##     ## ##     ## ##     ## ##    ## 
##     ## ######## ########   #######  ##     ##  ######  

*/

.nsc_album, .nsc_album_item{
	display: inline-block;
	margin:5px;
	width:170px;
	overflow:hidden;
}

	.nsc_album .title, .nsc_album_item .title{
		display:block;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}

	.nsc_album_item input{
		padding:10px;
	}

	.nsc_album a, .nsc_album_item a{
		position: relative;
		text-decoration: none;
		border-radius: 5px;
		padding:10px;
		cursor:pointer;
		display:block;
		color:inherit;

		-webkit-transition: all .2s;
 	   	   -moz-transition: all .2s;
	         -o-transition: all .2s;
		        transition: all .2s;
	}

	.nsc_album a:hover, 
	.nsc_album_item a:hover,
	.nsc_album.selected a, 
	.nsc_album_item.selected a
	{
		background-color: #E79E26;
	}

	.nsc_album .imgWrap, .nsc_album_item .imgWrap{
		line-height:150px;
		width: 150px;
		height:150px;
	}

	.nsc_album .imgWrap.empty{
		background: url(/new/images/emptyAlbum.png) no-repeat 50% 50%;
	}

	.nsc_album img, 
	.nsc_album_item img{
		border-radius: 5px;
		vertical-align: middle;
	}

		.nsc_album_item a:hover .protection, 
		.nsc_album_item a:hover .vip {
			background:rgba(255,255,255,.5);
		}

		.nsc_album_item .protection, .nsc_album_item .vip{
			display: none;
			padding: 5px;
			border-radius: 5px;
			width: 1em;
			height: 1em;
			line-height: 1em;
			position: absolute;
			top:10px;
		}

		.nsc_album_item .protection{
			left:10px;
		}
		.nsc_album_item .vip{
			right:10px;
		}

		.nsc_album_item .count.new{
			font-weight: bold;
		}

/*

########  ########  ######  #### ########  ########   #######   ######     ###    ##          ##       #### ##    ## ##    ##  ######  
##     ## ##       ##    ##  ##  ##     ## ##     ## ##     ## ##    ##   ## ##   ##          ##        ##  ###   ## ##   ##  ##    ## 
##     ## ##       ##        ##  ##     ## ##     ## ##     ## ##        ##   ##  ##          ##        ##  ####  ## ##  ##   ##       
########  ######   ##        ##  ########  ########  ##     ## ##       ##     ## ##          ##        ##  ## ## ## #####     ######  
##   ##   ##       ##        ##  ##        ##   ##   ##     ## ##       ######### ##          ##        ##  ##  #### ##  ##         ## 
##    ##  ##       ##    ##  ##  ##        ##    ##  ##     ## ##    ## ##     ## ##          ##        ##  ##   ### ##   ##  ##    ## 
##     ## ########  ######  #### ##        ##     ##  #######   ######  ##     ## ########    ######## #### ##    ## ##    ##  ######  

*/

.nsc_recLink{
	display: inline-block;
	border-radius: 5px;
	margin:5px;
	padding:5px;
	padding-right: 1.2em;
	position: relative;
}

	.nsc_recLink a{
		display:block;
		color:inherit;
	}

	.nsc_recLink:hover{
		background-color: #E79E26
	}

	.nsc_recLink .delete, .shortcut .delete{
		display: none;
		width: 1.2em;
		height: 1.2em;
		line-height: 1.2em;
		background-color: #CCC;
		border-radius: 10px;
		color: white;
		font-weight: bold;

		top:-5px;
		right:-5px;
		text-align:center;
		cursor:pointer;
		position: absolute;
	}

	.nsc_recLink:hover .delete, .shortcut:hover .delete{
		display:block;
	}

	.nsc_recLink .delete:hover, .shortcut .delete:hover{
		background-color: #035;
		color: #E49D27;
	}

/*

######## #### ##       ########    ##     ## ########  ##        #######     ###    ########  
##        ##  ##       ##          ##     ## ##     ## ##       ##     ##   ## ##   ##     ## 
##        ##  ##       ##          ##     ## ##     ## ##       ##     ##  ##   ##  ##     ## 
######    ##  ##       ######      ##     ## ########  ##       ##     ## ##     ## ##     ## 
##        ##  ##       ##          ##     ## ##        ##       ##     ## ######### ##     ## 
##        ##  ##       ##          ##     ## ##        ##       ##     ## ##     ## ##     ## 
##       #### ######## ########     #######  ##        ########  #######  ##     ## ######## 

*/
.protectionSettings{
	text-align: left;
}

.protectionSettings > label{
	display: block;
	padding: 10px 0;
}

/*

 ######     ###    ########  ########  ######  ##     ##    ###    
##    ##   ## ##   ##     ##    ##    ##    ## ##     ##   ## ##   
##        ##   ##  ##     ##    ##    ##       ##     ##  ##   ##  
##       ##     ## ########     ##    ##       ######### ##     ## 
##       ######### ##           ##    ##       ##     ## ######### 
##    ## ##     ## ##           ##    ##    ## ##     ## ##     ## 
 ######  ##     ## ##           ##     ######  ##     ## ##     ## 
 
*/
#recaptcha{
}




/*

 ######  #### ########  ######## ########     ###    ########  
##    ##  ##  ##     ## ##       ##     ##   ## ##   ##     ## 
##        ##  ##     ## ##       ##     ##  ##   ##  ##     ## 
 ######   ##  ##     ## ######   ########  ##     ## ########  
      ##  ##  ##     ## ##       ##     ## ######### ##   ##   
##    ##  ##  ##     ## ##       ##     ## ##     ## ##    ##  
 ######  #### ########  ######## ########  ##     ## ##     ## 
 
*/

#sidebar ul{
	
}

#sidebar ul li{
	cursor: pointer;
	list-style: none;
	border-radius:5px;
}

#sidebar ul li:hover{
	background: #01557C;
}


#sidebar ul li a{
	padding:10px;
	display:block;
	text-decoration:none;
	color:#4C4C4C;

	-webkit-transition: background-color .5s;
  	   -moz-transition: background-color .5s;
  	     -o-transition: background-color .5s;
		    transition: background-color .5s;
}
#sidebar ul li a:hover {
	color:#E79E26;
}
#sidebar ul li a.active {
	background-color:rgba(0,0,0,.1);
}

#sidebar .trigger{
	text-align: center;
}
#sidebar .rounded.blue {
	font-size:0.85em;
}
.sidebarPlugins{
	text-align: center;
	list-style: none;
}
	
	.sidebarPlugins h3{
		text-align: left;
		font-size: 1.75em;
		line-height: 1em;
	}


	.sidebarPlugins.top .sidebarPlugin{
		display:inline-block;
		vertical-align: top;
		float:none;
	}

	.sidebarPlugins .sidebarPlugin{
		position: relative;
	}
	.sidebarPlugins.top .rounded.white {
		max-height:459px;
	}
	.sidebarPlugins .sidebarPlugin > div{
		margin:10px 0;
	}
	.sidebarPlugins .sidebarPlugin > div .inner.rounded {
		overflow-y:auto;
	}
	.sidebarPlugins [data-id="4"] .spanHalf {
		float:none;
		width:100%;
		margin-bottom:5px;
	}
	.sidebarPlugins [data-id="4"] .spanHalf input {
		width:80%;
		font-size:1.1em;
		text-align:right;
	}

.sidebarPlugin.collapsed .binder {
            display:none;
        }

        .sidebarPlugin.collapsed .collapsible{
        	display: none;
        }

        .sidebarPlugin.collapsed .row {
            width:auto;
            display:inline-block;
        }

            .sidebarPlugin.collapsed .row .spanHalf {
                margin:0;
                width:auto;
                display:inline-block;
                float:none;
            }

        .sidebarPlugin.collapsed .row h3 {
            font-size:1em;
        }

/*
	Filtered dropdown
*/
.ui-helper-hidden-accessible{
	display:none;
}

.ui-combobox {
    position: relative;
    display: inline-block;
}

.ui-combobox-toggle {
    position: absolute;
    width:20px;
    border-radius: 5px;
	outline: none;
	background: #eee;
	border: 1px solid rgba(0,0,0, 0.2);
    top: 1px;
    bottom: 1px;
    margin-left: -22px;
    padding: 0;
}

.ui-combobox-toggle:hover{
	background: #fff;
	border: 1px solid rgba(228, 157, 39, 0.8);
	box-shadow: 0 0 5px rgba(228, 157, 39, 1);
}

	.ui-combobox-toggle:hover .ui-icon{
		border-top: 5px solid #000;
	}

	.ui-combobox-toggle .ui-icon{
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #ccc;
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -2px;
	}

.ui-combobox-input {
    margin: 0;
    padding: 0.3em;
}

.giftsContent .ui-combobox-input {
	width:300px;
}

ul.ui-autocomplete{
	overflow: auto;
	border: 1px solid #eee;
	max-height: 250px;
	width:150px;
	list-style: none;
	background-color: #fff;
	padding:0;
}

ul.ui-autocomplete li{
	color: #035;
	padding: 10px;
	list-style: none;
	cursor: pointer;
}

ul.ui-autocomplete li a{
	color:inherit;
}

ul.ui-autocomplete li:hover{
	background-color: #666;
}


/******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************

######## ######## ######## ########   ######  
##       ##       ##       ##     ## ##    ## 
##       ##       ##       ##     ## ##       
######   ######   ######   ##     ##  ######  
##       ##       ##       ##     ##       ## 
##       ##       ##       ##     ## ##    ## 
##       ######## ######## ########   ###### 

*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************/

body.FeedPage, .FeedTemplate
{
    font-family: verdana, "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
    background-color: transparent;
    font-size: 12px;
}

.FeedTemplate .Content
{
    text-align: left;
}


.FeedPage a, .FeedPage .AtUser
{
    color: #2C5F78;
    text-decoration: none;    
}

.FeedPage .AtUser
{
    text-decoration: none;
    font-weight: bold;
}

.FeedPage a img
{
    border-style: none;
}

.FeedMore
{
    background-color: #F0F0F0;
    padding: 7px;
    text-align: center;
    color: Gray !important;
    border-top: solid 1px #E0E0E0;
    border-bottom: solid 1px #EFEFEF;
    display: block;
    cursor: pointer;
}

.GraydientE0E0E0, .FeedNavBar a, .FeedNavBar span, .FeedButton
{
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #E0E0E0 0%, #FFFFFF 50%, #E0E0E0 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #E0E0E0 0%, #FFFFFF 50%, #E0E0E0 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #E0E0E0 0%, #FFFFFF 50%, #E0E0E0 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E0E0E0), color-stop(0.5, #FFFFFF), color-stop(1, #E0E0E0));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #E0E0E0 0%, #FFFFFF 50%, #E0E0E0 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #E0E0E0 0%, #FFFFFF 50%, #E0E0E0 100%);
    
    /* fail */
    background-color: #E0E0E0;
}

.GraydientE0E0E0, .FeedNavBar a:hover, .FeedButton:hover
{
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #D0D0D0 0%, #F0F0F0 50%, #D0D0D0 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #D0D0D0 0%, #F0F0F0 50%, #D0D0D0 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #D0D0D0 0%, #F0F0F0 50%, #D0D0D0 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D0D0D0), color-stop(0.5, #F0F0F0), color-stop(1, #D0D0D0));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #D0D0D0 0%, #F0F0F0 50%, #D0D0D0 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #D0D0D0 0%, #F0F0F0 50%, #D0D0D0 100%);
    
    /* fail */
    background-color: #D0D0D0;
}

.Graydient015176, .FeedNavBar a:active, .FeedNavBar .Selected, .FeedNavBar .Busy, .FeedButton:active, .FeedButton.Busy, .FeedButton.Selected
{
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #00131C 0%, #015176 50%, #015176 100%) !important;

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #00131C 0%, #015176 50%, #015176 100%) !important;

    /* Opera */ 
    background-image: -o-linear-gradient(top, #00131C 0%, #015176 50%, #015176 100%) !important;

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00131C), color-stop(0.5, #015176), color-stop(1, #015176)) !important;

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #00131C 0%, #015176 50%, #015176 100%) !important;

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #00131C 0%, #015176 50%, #015176 100%) !important;
    /* fail */
    background-color: #015176 !important;
}

.Inset, .FeedCreateBox, .FeedInputMax
{
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.Feeds
{
    overflow: hidden;
}

.FeedSelectType
{
    text-align: center;
    margin-bottom: 2em;
}

.FeedTemplate
{
    width: 96%;
    margin-left: auto; 
    margin-right: auto;
    position: relative;
    max-width: 1000px;
    min-height: 400px;
}

.FeedBox, .Feeds
        {
            background-color: White;
            padding: 5px 10px 10px 10px;
            box-shadow: 1px 1px 1px #DDD;   
            margin-bottom: 5px;
        }
 
.FeedCreate
{
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    width: 90%;
}

.FeedCreateHide
{
    visibility: hidden;    
}

.FeedInputHLabel
{
    margin-bottom: 0.5em;
    color: #A0A0A0;
}

.FeedInput
{
    border-radius: 5px;
    border: solid 1px #E6E6E6;
    padding: 10px 20px 10px 20px;
    background-color: #F8F8F8;
    outline-color: #CCC;
    color: #A0A0A0;
}

.FeedInputMax
{
    width: 100%;
}

.FeedInput:focus
{
    background-color: White;
    color: #555;
}

.FeedCreateBox
{   
    width: 100%;   
    color: #B0B0B0;                 
}
.FeedCreateBox:focus
{
    background-color: #F8F8F8 !important;
    outline-style: none !important;
    color: #A0A0A0 !important;
}

.FeedItem
{
    min-height: 50px;
    border-bottom: solid 1px #F0F0F0;
    padding: 10px 20px 10px 20px;
    position: relative;
    cursor: pointer;
}
.FeedItem.Max
{
    padding-left: 0px;
    padding-right: 0px;
}
.FeedItem.Last
{
    border-bottom-style: none !important;
}

.FeedItem .Pad, .FeedPage .Pad
{
    padding: 10px 20px 10px 20px;
}
.FeedItem .PadSectionLeft
{
    padding-left: 20px;
}
.FeedItem .PadSectionRight
{
    padding-right: 20px;
}
.FeedItem .PadSectionBot
{
    padding-bottom: 10px;
}

.FeedPoint
{
    overflow: hidden;
}

.FeedItem.Promoted, .Event.Promoted
{
    background-image: url(/images/feeds/promoted.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.FeedItem .Delete
{
    position: absolute;
    top: 45%;
    right: 25px;
    display: none;
}
.FeedItem:hover .Delete
{
    display: inline;
}

.FeedItem a.FeedItemDetails
{
    display: none;
    font-weight: bold;
}
.FeedItem:hover a.FeedItemDetails
{
    display: block;
}

.FeedComments .FeedItem
{
    min-height: 40px;
    position: relative;
    cursor: default;
    padding-left: 30px;
}


.FeedItem:hover
{
    background-color: #F8F8F8;
}

.FeedBreak
{
    margin-top: 1em;     
    overflow: hidden;   
}

.FeedItem .UserBlock
{
    margin-bottom: 0.25em;
    overflow: hidden;
}
.FeedItem .User, .UserBlock .User
{
    font-weight: bold;
    font-size: 1.2em;
}
.FeedItem .What, .UserBlock .What, .UserBlock a
{
    color: Gray;
}
.FeedItem .Why, .FeedItem .Why a
{
    color: #B0B0B0;
    font-size: 1em;
    margin-top: 5px;
    text-decoration: none;
}

.UserBlock .What.AboutMe
{
    font-style: italic;
}

.FeedItem .Time
{
    position: absolute;
    right: 20px;
    top: 10px;
    color: #BBB;
}

.FeedItem .Content
{
    font-size: 1.1em;
    color: #333;
    margin-bottom: 0.25em;
}

.FeedItem .Content.Title
{
    font-weight: bold;
    font-size: 1.4em;
}

.FeedItemsContainer
{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.FeedItemLeftRightContainer
{
    overflow: hidden;
}

.FeedPage
{
    background-size: 100% 110%;    
}
.FeedPageFrame
{
    width: 100%;
}

.FeedFormBlock
{
    margin-bottom: 1em;    
}

.FeedFrame
{
    display: block;
}

.FeedFrame, .FeedEditorFrame, .FeedViewerFrame
{
    border-style: none;
    overflow: hidden;
    width: 100%;
}

.FeedEditor, .FeedViewer, .FeedPreview
{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

.FeedPreview .FeedHtml
{
    max-height: 240px;
    overflow: hidden;
}

body.FeedPreview
{
    background-image: none !important;
}

.FeedSectionTitle
{
    font-weight: bold;
    font-size: 1.2em;
}

.FeedSection
{
    margin-bottom: 1.5em;
}

.FeedBlock
{
    margin-top: 10px;
}

.FeedButton, a.FeedButton
{
    padding: 8px 20px 8px 20px;
    border: solid 1px #E0E0E0;
    border-radius: 5px;
    text-decoration: none;
    margin-right: 0.5em;
    color: Gray;
    font-weight: bold;
    position: relative;
}
.FeedButtonBlock
{
    display: block;
    margin-bottom: 1em;
}

.FeedItemSocial
{
    overflow: hidden;
    border-top: solid 1px #F0F0F0;
    border-bottom: solid 1px #F0F0F0;
    padding: 5px 20px 5px 20px;
}

.FeedItemSocialInfo
{
    float: left;
    margin-right: 20px;
    padding-right: 10px;
    padding-top: 5px;
    border-right: solid 1px #F0F0F0;
    height: 25px;
}

.FeedItemSocialList
{
    float: left;
}

.FeedItemSocialListPromoter
{
    float: left;
    margin-right: 5px;
}

.FeedAvatarContainer, .FeedAvatarContainer40, .FeedAvatarContainer30, .FeedAvatarContainer35, .FeedAvatarContainer45, .FeedAvatarContainer25, .FeedAvatarContainerBig
{
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    width: 50px;
    height: 50px;
}

.FeedAvatarContainerBig, .FeedAvatarContainer90
{
    width: 90px;
    height: 90px;
}

.FeedAvatarBlock
{
    overflow: hidden;
}

.FeedAvatarContainer25
{
    width: 25px;
    height: 25px;  
}

.FeedCommentTp
{
    display: none;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.Editing .FeedCommentInput
{
    height: 6em;
}
.Editing .FeedCommentTp
{
    display: block;
}    

.Editing .FeedEditorDialogPoint
{
    display: none !important;
}

.FeedCommentInput
{
    height: 3em;
}

.FeedItemSection, .FeedItemSectionMax
{
    padding: 5px 20px 5px 20px;
    position: relative;    
    overflow: hidden;
}

.FeedItemSectionMax
{
    overflow: hidden;
}

.FeedItemSectionLarge
{
    padding: 15px 20px 15px 20px;
}

.FeedAvatarContainer45
{
    width: 45px;
    height: 45px;  
}

.FeedAvatarContainer40
{
    width: 40px;
    height: 40px;  
}

.FeedAvatarContainer35
{
    width: 35px;
    height: 35px;
}

.FeedAvatarContainer30
{
    width: 30px;
    height: 30px; 
}

.FeedAvatarLeft
{
    position: absolute;
}
.FeedAvatarRight
{
    margin-left: 50px;
    min-height: 40px;
}

.FeedAvatarRight60
{
    margin-left: 60px;
    min-height: 60px;
}

.FeedAvatarRightBig
{
    margin-left: 110px;
    min-height: 100px;
}

.FeedAvatarItem
{
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #E0E0E0;
}

.FeedAvatarItems
{
    overflow: hidden;
}

.FeedButtonBar
{    
    overflow: hidden;    
}

.FeedButtonBar a
{ 
    display: block;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 100%;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.95em;
    color: gray;
    border: solid 1px #E0E0E0;
    text-decoration: none;
}

.FeedButtonBar .First
{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;  
}
.FeedButtonBar .Last
{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;  
}

.FeedAvatarImageLink
{
    display: block;
    width: 100%;
    height: 100%;
}
.FeedAvatarImage
{
    min-width: 100%;
    min-height: 100%; 
    max-width: 110%;
    max-height: 110%;
}

.FeedCenter
{    
    margin-left: auto;
    margin-right: auto;
    width: 600px;
}

.FeedNavBar
{
    overflow: hidden;
    margin-bottom: 10px;
    height: 3.3em;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}
.FeedNavBar a, .FeedNavBar span
{
    display: block;
    float: left;    
    border: solid 1px #E0E0E0;
    color: Gray;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    line-height: 3.2em;
    padding-left: 25px;
    padding-right: 25px;
    white-space: nowrap;
}
.FeedNavBar a:hover
{
    border: solid 1px #D0D0D0;
}

.FeedNavBar a:first-child, .FeedNavBar span:first-child
{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;      
}
.FeedNavBar a:last-child, .FeedNavBar span:last-child
{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;  
    overflow: hidden;
    float: none;
    text-align: center;
    padding:0;
}

.FeedNavBar a:active, .FeedNavBar .Selected, .FeedNavBar .Busy, .FeedButton:active, .FeedButton.Busy, .FeedButton.Selected
{
    border: solid 1px #015176 !important;
    color: #E79E26 !important;
    cursor: default;
}

.Stressed, a.Stressed
{
    font-weight: bold;
}

.FeedTemplate .Busy:after, .FeedPage .Busy:after
{
    content: '';
    background-image: url(/images/Busy.gif);
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -8px;
}

.FeedDetailsLink
{
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    text-align: center;
}

.GraydientF0F0F0
{
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #F0F0F0 0%, #FFFFFF 25%, #FFFFFF 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #F0F0F0 0%, #FFFFFF 25%, #FFFFFF 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #F0F0F0 0%, #FFFFFF 25%, #FFFFFF 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F0F0F0), color-stop(0.25, #FFFFFF), color-stop(1, #FFFFFF));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #F0F0F0 0%, #FFFFFF 25%, #FFFFFF 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #F0F0F0 0%, #FFFFFF 25%, #FFFFFF 100%);
    /* fail IE9- */
    background-color: White;
}

.FeedRoundBox
{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    min-height: 150px;
    box-shadow: 1px 1px 1px #DDD;    
}

.FeedRoundBox, .FeedBackG
{
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 25%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(25%,#ffffff), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 25%,#ffffff 100%);
	background: -o-linear-gradient(top,  #f0f0f0 0%,#ffffff 25%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #f0f0f0 0%,#ffffff 25%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 25%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );
}

.FeedCanvasContainer
{        
    min-height: 300px;        
    padding: 10px 0px 10px 0px;
}

.FeedCanvas
{
    padding: 0;     
    position: relative; 
    background-repeat: repeat-x;
}

.FeedListFrame
{
    width: 100%;
}
.Error
{
    color: Red;
    font-weight: bold;
}
.Success
{
    color: Green;
    font-weight: bold;
}

.FeedEditorDialog
{
    border: solid 5px #E0E0E0;
    width: 90%;
    position: absolute;
    top: 10%;
    left: 5%;
    box-shadow: 4px 4px 4px #DDD;   
}
.FeedDialogContent
{
}

.FeedEditorDialogPoint
{
    width: 100%;
    text-align: center;
    padding-bottom: 12px;
    padding-top: 12px;
    margin-top: 1em;
}

.FeedEditorDialogFrame
{
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 1.5em;
}
.FeedPaneContainer
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.FeedItemTp
{
    overflow: hidden;
}

.FeedItemTpLink
{
    padding-right: 15px;    
    text-decoration: none; 
    position: relative;   
    height: 15px;
    overflow: hidden;
    display: block;
    float: left;
    outline: 0;
}

.FeedItemTpLink span
{
    margin-left: 20px;
}

.Promote, .Event .Join, .EventPage .Join
{
    position: absolute;
    top: 0;
}

.Promoted .Promote, .Joined .Join
{
    top: -16px;
}

.FeedItemPromoters
{
    font-size: 0.9em;
    color: #777;
}
.FeedItemPromoterNum
{
    font-weight: bold;
}
a.Back, a.Home
{
    padding-left: 35px;
}
a.Back:before, a.Home:before
{
    content: '';
    position: absolute;    
    background-repeat: no-repeat;
    background-position: left center;
    width: 20px;
    height: 20px;
    left: 20px;
    top: 10px;
}
a.Back:before
{
    background-image: url(/images/feeds/back.png);
}
a.Home:before
{
    background-image: url(/images/feeds/home.png);
    left: 10px;
    top: 8px;
}
.PromotersFrame
{
    height: 25px;
}

.BorderTop
{
    border-top: solid 1px #E0E0E0;
}
.BorderTopBottom
{
    border-top: solid 1px #F0F0F0;
    border-bottom: solid 1px #F0F0F0;
}
.BorderBottom
{
    border-bottom: solid 1px #E0E0E0;
}
.SocialList
{
    border-top: solid 1px #F0F0F0;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
}
.SocialList.Last
{
}
.FeedWinClose
{
    position: absolute;
    right: 10px;
    top: 10px;
    border-style: none;    
}

.TopFeeds
{
    padding-left: 35px !important;
}

.TopFeeds:before
{
    content:'';
    position: absolute;
    background-image: url(/images/Feeds/topFeedsIcon.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    top: 50%;
    margin-top: -6px;
    left: 18px;    
    background-position: left bottom;    
}
.TopFeeds.Selected:before
{
    background-position: left top;
}




/******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************

##       ########  ######      ###     ######  ##    ##     ######  ######## ##    ## ##       ########  ######  
##       ##       ##    ##    ## ##   ##    ##  ##  ##     ##    ##    ##     ##  ##  ##       ##       ##    ## 
##       ##       ##         ##   ##  ##         ####      ##          ##      ####   ##       ##       ##       
##       ######   ##   #### ##     ## ##          ##        ######     ##       ##    ##       ######    ######  
##       ##       ##    ##  ######### ##          ##             ##    ##       ##    ##       ##             ## 
##       ##       ##    ##  ##     ## ##    ##    ##       ##    ##    ##       ##    ##       ##       ##    ## 
######## ########  ######   ##     ##  ######     ##        ######     ##       ##    ######## ########  ######  

*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************/

/*
.SCPanelHeaderBG{
	font-size: 2em;
	font-weight: bold;
}

.SCPanelBody{
	font-size: 1.5em;
	line-height: 2em;
}

*/

.warnMsg { margin: 5px 10% 5px 10%; border: 1px solid #c8bfc0; padding: 3px; text-align:center; color: #ca1300; font-weight:bold; background:#ccc; }
.SCPanelBody input[type=text], .SCPanelBody textarea { border-radius:8px; background:#fff; padding:5px; box-shadow:2px 2px 2px #888 inset; border:none; font-family:Verdana, Arial, sans-serif;}
textarea { resize:none; }

.oddCol {
	background:#ccc;
}
.mailNav {
	margin: 0px 10px 0px 10px;
	background: #3c5962;
	background: -moz-linear-gradient(top,  #3c5962 0%, #033849 8%, #254c59 24%, #255361 46%, #033849 87%, #3c5962 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c5962), color-stop(8%,#033849), color-stop(24%,#254c59), color-stop(46%,#255361), color-stop(87%,#033849), color-stop(100%,#3c5962));
	background: -webkit-linear-gradient(top,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
	background: -o-linear-gradient(top,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
	background: -ms-linear-gradient(top,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
	background: linear-gradient(to bottom,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
	padding:5px;
	color:#fff;
	border-radius:5px;
	font-size:12px;
}
.mailNav a.TextLink {
	color:#fff;
	text-decoration:none;
}
.mailNav a.TextLink:hover{
	color:#E79E26;
	text-decoration:none;
}
#ComposeView1_ImgReceiverImage {
	max-width: 200px;
}
.EMNavFolder {
	margin:6px 0;
}
.SCPanelHeaderBG {
	background:#033849;
	padding:5px;
	margin-bottom:5px;
}
.SCTableHeader {
	background: #3c5962;
	background: -moz-linear-gradient(top,  #3c5962 0%, #033849 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c5962), color-stop(100%,#033849));
	background: -webkit-linear-gradient(top,  #3c5962 0%,#033849 100%);
	background: -o-linear-gradient(top,  #3c5962 0%,#033849 100%);
	background: -ms-linear-gradient(top,  #3c5962 0%,#033849 100%);
	background: linear-gradient(to bottom,  #3c5962 0%,#033849 100%);
	padding:5px;
	color:#fff;
}
.SCTableHeader a {
	color:#fff;
}
.SCTableData a{
	color:#549ABE;
}
.SCTableData a:hover {
	color:#E79E26;
}
.PDispBox {
	text-align:center;
}
.PDispBox img {
	margin:5px;
}
#MailView1_PnlActions a{
	color:#549ABE;
	text-decoration:none;
}
#MailView1_PnlActions a:hover{
	color:#E79E26;
}
#tblTheirRequests td {
	padding:5px;
}
.ThreadHeader {
	font-weight:bold;
	color:#fff;
	background: #3c5962;
	background: -moz-linear-gradient(top,  #3c5962 0%, #033849 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c5962), color-stop(100%,#033849));
	background: -webkit-linear-gradient(top,  #3c5962 0%,#033849 100%);
	background: -o-linear-gradient(top,  #3c5962 0%,#033849 100%);
	background: -ms-linear-gradient(top,  #3c5962 0%,#033849 100%);
	background: linear-gradient(to bottom,  #3c5962 0%,#033849 100%);
	padding:5px;
}
.ThreadItemContent {
	text-align:left;
	word-break: break-word;
}
#LnkDel {
	color:#539ABE;
}
.SCPanelBody, .SCPanelHeaderBG {
	font-size:12px;
}
.SCPageTitle, .SCPanelHeaderText {
	font-weight:bold;
	color:white;
	font-size:16px;
}

.vww_skin_mainBox { color:Black; font-family:Verdana;}
.vww_guide_txt {color:#4C4C4C;padding:5px;}


.vww_box1 {padding:8px; border-radius:8px; background: #fff; margin-bottom:10px;}
.vww_box1 a { color:#539ABE; }
.vww_skin_mainBox ul { width:500px; margin: 0 auto; text-align:left;}

.vwwbl
{
	width: 13px;
	height: 13px;
	background:transparent url('/Net/vww/images/panelBottomLeftStretch.png') no-repeat bottom left;
}

.vwwbm
{
	height: 13px;
	background:transparent url('/Net/vww/images/panelBottomStretch.png') repeat-x bottom;
}

.vwwbr
{
	width: 13px;
	height: 13px;
	background:transparent url('/Net/vww/images/panelBottomRightStretch.png') no-repeat bottom right;
}

.vwwml
{
	width: 13px;
	background:transparent url('/Net/vww/images/panelMidLeftStretch.png') repeat-y left;
}

.vwwmm
{
	background:transparent url('/Net/vww/images/panelMidStretch.png');
}

.vwwmr
{
	width: 13px;
	background:transparent url('/Net/vww/images/panelMidRightStretch.png') repeat-y right;
}


.vwwtl
{
	width: 13px;
	height: 13px;
	background:transparent url('/Net/vww/images/panelTopLeftStretch.png') no-repeat top left;
}

.vwwtm
{
	height: 13px;
	background:transparent url('/Net/vww/images/panelTopStretch.png') repeat-x top;
}

.vwwtr
{
	width: 13px;
	height: 13px;
	background:transparent url('/Net/vww/images/panelTopRightStretch.png') no-repeat top right;
}

.gray_box1, #ctrlBrandClient_pnlGrpAppIcon, #ctrlBrandClient_pnlGrpLoading, #ctrlBrandClient_pnlGrpLogin, #ctrlBrandClient_pnlGrpHeader, #ctrlBrandClient_pnlGrpSplash, #ctrlBrandClient_pnlGrpPatcher, #ctrlBrandClient_pnlGrpInstaller, #ctrlBrandClient_pnlGrpImgLaunchOn, #ctrlBrandClient_pnlGrpImgLaunchOff, #ctrlBrandClient_pnlGrpImgRepairOn, #ctrlBrandClient_pnlGrpImgRepairOff {
	padding:8px;
	border-radius:8px;
	margin:0 0 15px;
	background:#fff;
}
.gray_box1 img, #ctrlBrandClient_pnlGrpAppIcon img, #ctrlBrandClient_pnlGrpLoading img, #ctrlBrandClient_pnlGrpLogin img, #ctrlBrandClient_pnlGrpHeader img, #ctrlBrandClient_pnlGrpSplash img, #ctrlBrandClient_pnlGrpPatcher img, #ctrlBrandClient_pnlGrpInstaller img, #ctrlBrandClient_pnlGrpImgLaunchOn img, #ctrlBrandClient_pnlGrpImgLaunchOff img, #ctrlBrandClient_pnlGrpImgRepairOn img, #ctrlBrandClient_pnlGrpImgRepairOff img {
	margin:5px;
}

#uploadForm .row
{
	overflow: hidden;
	padding: 10px 0;
}
		
#uploadForm .row .column
{
	width: 33%;
	float: left;
	vertical-align:middle;
}

#uploadForm .row .column.colRight
{
	width:auto;
	float:right;
	width:33%;
}

#uploadForm .row .column.colDouble
{
	width:66%;
}

#uploadForm .row .column.colHalf
{
	width:49%;
}

#uploadForm .row .column.colBordered
{
	border: 1px dotted #ddd;
}

.textureBox{
	border: 1px dotted #ddd;
	padding:5px;
	background-color: #fff;
}

.upload {
	position:relative;
	width:250px;
	margin-top:4px;
}

.realupload {
	position:absolute;
	top:0;
	right:0;

	/* start of transparency styles */
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	/* end of transparency styles */

	z-index:9999; /* bring the real upload interactivity up front */
	width:160px;
	cursor: pointer;
}
.fakeupload {
	background:url(/New/legacy/clothing/images/browse.png) no-repeat 100% 50%;
	
}
.fakeupload div {
	width:150px;
	height:20px;
	overflow:hidden;
	font-size:9px;
	line-height:20px;
}

.reusable{
	display:inline-block;
	vertical-align:middle;
	border-radius:5px;
}

.reusable .item{
	height:75px;
	width:75px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	border:none;
	outline:none;
}

.reusable:hover{
	color:#fff;
	background-color:#666;
}
#upDesignedFolders {
	margin: 0px 10px 0px 10px;
	background: #3c5962;
	background: -moz-linear-gradient(top,  #3c5962 0%, #033849 8%, #254c59 24%, #255361 46%, #033849 87%, #3c5962 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c5962), color-stop(8%,#033849), color-stop(24%,#254c59), color-stop(46%,#255361), color-stop(87%,#033849), color-stop(100%,#3c5962));
	background: -webkit-linear-gradient(top,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
	background: -o-linear-gradient(top,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
	background: -ms-linear-gradient(top,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
	background: linear-gradient(to bottom,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
	padding:5px;
	color:#fff;
	border-radius:5px;
	font-size:12px;
	width:150px;
	position:relative;
	float:right;
}
#upDesignedFolders a {
	color:#fff;
	text-decoration:none;
}
#upDesignedFolders a:hover {
	color:#E79E26;
}
#upDesignedFolders li {
	margin:5px 0;
}

		#designedOutfitTable .columnImage img{
			max-width:75px;
		}
		
		#designedOutfitTable .name{
			max-width:100px;
			overflow:hidden;
		}

		.accordionTab
		{
			height: auto; 
			overflow:hidden !important; /*Opera fix*/
		}
		.columnImage img
		{
			display: block;
			margin: auto;
		}
		
		.instructions
		{
			padding-top: 10px;
			padding-bottom: 10px;
		}


		.dragMe{
			background: transparent url(/net/clothing/images/handle.png) no-repeat top;
			cursor: url(/net/clothing/images/draghand.png), pointer !important;
			width:16px;
			height:92px;
		}

		.dragOutfitItem{
			text-align:center;
			background-color:#f60;
			padding:10px;
			border:1px dotted #666;
			border-radius:4px;
			z-index:100;
		}
		
		.folder
		{
			background: transparent url(/net/clothing/images/folder.png) no-repeat top;
			width: 14px;
			height:12px;
		}

		.more{
			cursor:pointer;
			padding: 2px 0 0 0;
			font-weight:bold;
			color:#aaa !important;
			display:block;
		}

		#droppable.hover{
			border: 1px solid #f00 !important;
		}
		
		a.localLink{
			cursor:pointer;
			border-bottom: 1px dashed #6DA3BD; 
			color:#6DA3BD !important; 
			text-decoration:none;
		}
		
		div.folderItem{
			position:relative;
			padding: 3px 16px 3px 0px;
			background: transparent url(/net/clothing/images/folder.png) no-repeat center left;
		}
		
		div.folderItem.active{
			border: 1px solid #eaeae3;
		}

		div.folderItem.hover a{
			color:#f60 !important;
		}
		
		div.folderItem.hover
		{
			background-color: #f5f5ee;
			font-weight:bold;
			cursor: pointer;
			border: 1px solid #eaeae3;
		}

		span.deletePurchasedFolder, span.deleteDesignedFolder{
			height:16px;
			width:16px;
			position:absolute;
			top:50%;
			margin-top:-8px;
			right:-5px;
		}
		
		.nofolder
		{
			background: none !important;
		}

		div.folderItem a.disabled{
			color:#555 !important;
			border: 0;
			cursor:default;
			font-weight:bold;
			
		}

		a.localLink:hover{
			color: #4D7285 !important;
			text-decoration:none;
		}

		#purchasedOutfitTable, #designedOutfitTable{
			display:none;
		}

		#purchasedLoader, #designedLoader
		{
			position: absolute;
			top:0;
			left:0;
			width: 100%;
			height: 100%;
			display: none;
			text-align: center;
			filter: alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;
			z-index: 1001;
			background:#000 url(/Net/Clothing/images/ajax-loader.gif) no-repeat center 100px;
		}
		.pending{
			color:#00f;
		}
		.rejected{
			color:#f00;
		}
		.approved{
			color:#0f0;
		}

.title {font-size:1.1em; font-weight:bold}
.fldTitle {font-size:1.0em; font-weight:bold; color:White; background-color:#336699; text-align:left}
.tabTitle {font-weight:bold; color:#fff;}
.container1 {}
.box1 {}
#accordion1 h3 {
	background: #015176; /* Old browsers */
	background: -moz-linear-gradient(top,  #015176 0%, #003355 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#015176), color-stop(100%,#003355)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #015176 0%,#003355 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #015176 0%,#003355 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #015176 0%,#003355 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #015176 0%,#003355 100%); /* W3C */
}
#accordion1 h3.ui-state-active {
	background:#fff;
}
#accordion1 h3.ui-state-active .tabTitle {
	color:#000;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-widget-content {
	border:none;
}

.DGHeader {
	background: #3c5962;
	background: -moz-linear-gradient(top,  #3c5962 0%, #033849 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c5962), color-stop(100%,#033849));
	background: -webkit-linear-gradient(top,  #3c5962 0%,#033849 100%);
	background: -o-linear-gradient(top,  #3c5962 0%,#033849 100%);
	background: -ms-linear-gradient(top,  #3c5962 0%,#033849 100%);
	background: linear-gradient(to bottom,  #3c5962 0%,#033849 100%);
	padding:5px;
	color:#fff;
}
.DGHeader a {
	color:#fff;
}
#dgGiftList td {
	padding:5px;
	vertical-align:middle;
}
#dgGiftList img {
	margin:5px;
}
table,th,td {
	border:0;
}
.oddCol {
	background:#ccc;
}

.bluefield {
	background: #549ABE;
	background: -moz-linear-gradient(top,  #549ABE 49%, #488EB2 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#549ABE), color-stop(50%,#488EB2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #549ABE 49%,#488EB2 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #549ABE 49%,#488EB2 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #549ABE 49%,#488EB2 50%); /* IE10+ */
	background: linear-gradient(top,  #549ABE 49%,#488EB2 50%); /* W3C */
    border: 0 none;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 0 5px #000000 inset;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    margin: 5px auto;
    outline: 0 none;
    padding: 10px 25px;
    text-align: left;
    text-shadow: 1px 1px 1px #000000;
}
.bluefield a {
	color: #fff;
	text-decoration:none;
}
#lnkPrevItem, #lnkNextItem {
	color: #539ABE;
	text-decoration:none;
}
#lnkPrevItem:hover, #lnkNextItem:hover {
	color: #E49D27;
}

#friendList
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: solid 1px #ccc;
	width: 400px;
}
#folderList
{
	list-style-type: none;
	margin: 0;
	padding: 5px;
	border: solid 1px #ccc;
	width: 200px;
}
#friendList li
{
	margin: 0.3em 0.3em 0.3em 0.3em;
	padding-left: 1.5em;
	font-size: 1em;
	height: auto;
	border: dotted 1px #999999;
	background-color: #eeeeee;
}

.field
{
	background-color: #F5F5F5;
	border: 1px groove #666666;
	color: #606060;
	font-size: 12px;
	font-weight: bold;
}
#mask
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9000;
	background-color: #000;
	display: none;
}

#deleteDialog
{
	position: absolute;
	left: 50%;
	margin-left: -200px;
	top: 0;
	width: 400px;
	height: auto;
	display: none;
	z-index: 9999;
	padding: 20px;
	background-color: #dddddd;
	border: solid 2px #aaaaaa;
}

.pager
{
	background-color: transparent !important;
	border: none !important;
	padding: 1px 0px 1px 0px;
	text-align: center;
}

.pager a
{
	cursor: pointer;
}

.dragMe
{
	background: transparent url(/net/contacts/images/handle.png) repeat-y top;
	cursor: url(/net/clothing/images/draghand.png), pointer !important;
	width: 16px;
	height: 100%;
}

.folderItem
{
	margin: 1px;
	padding: 0px 5px 5px 0px;
	background: transparent url(/net/clothing/images/folder.png) no-repeat center left;
	overflow: hidden;
	text-align: right;
}

.folderItem.hover a
{
	color: #f60 !important;
}

.folderItem.hover
{
	margin:0px;
	background-color: #f5f5ee;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #eaeae3;
}

.folderItem.active
{
	margin:0px;
	border: 1px solid #eaeae3;
}

a.localLink
{
	cursor: pointer;
	border-bottom: 1px dashed #549ABE;
	color: #549ABE !important;
	text-decoration: none;
	margin:0 5px;
}
a.localLink:hover
{
	color: #e79e26 !important;
	text-decoration: none;
}
.folderItem a.disabled
{
	color: #ccc !important;
	border: 0;
	cursor: default;
	font-weight: bold;
}
#friendList, #folderList {
	list-style:none;
}
#folderList {
	margin: 0px 10px 0px 10px;
	background: #3c5962;
	background: -moz-linear-gradient(top,  #3c5962 0%, #033849 8%, #254c59 24%, #255361 46%, #033849 87%, #3c5962 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c5962), color-stop(8%,#033849), color-stop(24%,#254c59), color-stop(46%,#255361), color-stop(87%,#033849), color-stop(100%,#3c5962));
	background: -webkit-linear-gradient(top,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
	background: -o-linear-gradient(top,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
	background: -ms-linear-gradient(top,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
	background: linear-gradient(to bottom,  #3c5962 0%,#033849 8%,#254c59 24%,#255361 46%,#033849 87%,#3c5962 100%);
	padding:5px;
	color:#fff;
	border-radius:5px;
	font-size:12px;
	width:300px;
}
#folderList a {
	color:#fff;
	text-decoration:none;
}
#folderList a:hover {
	color:#E79E26;
}
#folderList li {
	margin:5px 0;
}
#friendList .notSortable.pager {
	background: #3c5962;
	background: -moz-linear-gradient(top,  #3c5962 0%, #033849 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c5962), color-stop(100%,#033849));
	background: -webkit-linear-gradient(top,  #3c5962 0%,#033849 100%);
	background: -o-linear-gradient(top,  #3c5962 0%,#033849 100%);
	background: -ms-linear-gradient(top,  #3c5962 0%,#033849 100%);
	background: linear-gradient(to bottom,  #3c5962 0%,#033849 100%);
	color:#fff;
}
#friendList .oddRow {
	background:#CCC;
}
#deleteDialog {
	margin: 5px 10% 5px 10%; border: 1px solid #c8bfc0; padding: 3px; text-align:center; color: #ca1300; font-weight:bold; background:#ccc;
}

.backgroundTable {
	width: 100%;
	text-align: center;
}

	.backgroundTable td {
		vertical-align: top;
	}
.toggler {
	cursor:pointer;
}
.bioDivs {
	text-align:left;
	width:300px;
	margin:0 auto;
}
.sexyDivs {
	width:300px;
	margin:0 auto;
}
.sexyDivs label {
}
#reciprocalForm {
	margin:0 auto; 
	width:350px;
}
.txtLarge {font-size:15px; font-weight:bold;}
.price {text-align:right; padding-right:5px;}
.descript {}
.txt1 {font-weight:bold; color:#003366;}
.tableHead {
	font-weight:bold;
	background-color:#003366; 
	color:White;
}
.mobileMenu {
	display: none;
}
/******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************

########  ########  ######  ########   #######  ##    ##  ######  #### ##     ## ########     ######  ######## ##    ## ##       ########  ######  
##     ## ##       ##    ## ##     ## ##     ## ###   ## ##    ##  ##  ##     ## ##          ##    ##    ##     ##  ##  ##       ##       ##    ## 
##     ## ##       ##       ##     ## ##     ## ####  ## ##        ##  ##     ## ##          ##          ##      ####   ##       ##       ##       
########  ######    ######  ########  ##     ## ## ## ##  ######   ##  ##     ## ######       ######     ##       ##    ##       ######    ######  
##   ##   ##             ## ##        ##     ## ##  ####       ##  ##   ##   ##  ##                ##    ##       ##    ##       ##             ## 
##    ##  ##       ##    ## ##        ##     ## ##   ### ##    ##  ##    ## ##   ##          ##    ##    ##       ##    ##       ##       ##    ## 
##     ## ########  ######  ##         #######  ##    ##  ######  ####    ###    ########     ######     ##       ##    ######## ########  ######   

*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************/

@media only screen and (max-width: 640px) {

	.mobileMenu {
		display: block;
	}
	h1 {
		font-size:2em;
	}
	.container {
		min-width:320px;
	}
	.container .navSpan {
		display:none;
	}
	label {
		display:block;
		text-align:center;
	}
	.container .contentSpan {
		float:none;
		margin-left:0;
		width:100%;
	}
	.top {
		text-align:left;
	}
	.topPanel {
		height:auto;
	}
	.row [class*="span"] {
		margin-left:0;
	}
	.row .spanHalf, .row .spanTwoThirds, .row .spanThird {
		float:none;
		width:100%;
	}
	.rounded {
		margin-bottom:10px;
		border-radius:0 !important;
	}
	.rounded.blue {
		background: #3c5962;
	}
	.rounded.white {
		background: white;
		box-shadow:none;
	}
	.binder {
		display:none;
	}
	.profileBox, .searchBox {
		border-radius:0 !important;
	}
	.mainMenu {
		margin-top:0;
	}
	.mainMenu .row {
		padding:0;
	}
	.contentSpan .row {
		margin:0;
	}
	.button {
		display:block;
		width:75%;
		margin-left: auto;
		margin-right: auto;
	}
	.mainBody input:not([type]).large, .mainBody input[type="text"].large, .mainBody input[type="email"].large, .mainBody input[type="password"].large, .mainBody textarea.large {
		width:75%;
	}
	.mainBody input.moneyField.large {
		width:75%;
	}
	.mainBody input.blueField {
		width:75%;
	}
	.mainBody input.blueField.wide {
		width:75%;
	}
	.row .spanQuater {
		width:47%;
		margin:1%;
		height:265px;
	}
	.row .spanQuater:first-child {
		margin-left:1%;
	}
	.loginPanel .supportButtons li {
		float:none;
		width:95%;
		margin:0 auto;
		border-radius:0;
		background:#015176;
	}
	.mainBody .searchBox .searchInput {
		width:80%;
	}
	.item {
		width:100%;
	}
	.resourceLink {
		max-width:none;
	}
	.container footer ul {
		width:100%;
	}
	.ranks {
		width:100%;
	}
	#reciprocalForm {
		margin:0 auto; 
		width:auto;
	}
	.button.large {
		font-size:1em;
	}
	.profileBox .profile {
		width:100% !important;
		display:inline-block;
		text-align:center;
	}
	.summary label, .summary input {
		width:100%;
	}
	.balanceAndButton, .summary .topNav {
		float:none;
	}
	.giftChoose {
		display: block;
	}
}

@media only screen and (min-width: 641px) and (max-width:959px) {
	h1 {
		font-size:2.1em;
	}
	h3 {
		font-size: .9em;
	}
	ul.navi li {
		padding-right:4px;
		margin-left:4px;
	}
	ul.navi a {
		font-size:0.6em;
	}
	.container {
		min-width:640px;
	}
	.container .contentSpan {
		width:55%;
		margin-left:1%;
		max-width:650px;
	}
	.row .spanHalf, .row .spanTwoThirds, .row .spanThird, .row .spanQuater {
		width:100%;
		float:none;
	}
	.row [class*="span"] {
		margin-left:0;
	}
	.binder {
		display:none;
	}
	.rounded {
		margin-bottom:15px;
	}
	.mainMenu .row {
		padding:0;
	}
	.profileBox h2, .searchBox h2 {
		font-size:1.25em;
		line-height:1.5em;
	}
	.mainBody .searchBox .searchInput {
		width: 80%;
	}
	.mainBody textarea.auto {
		width:80%;
	}
	.marketButtons .rays, .marketButtons .chips {
		display:block;
	}
	.button {
		display:inline-block;
		margin:10px auto;
		font-size:1em;
	}
	.freeRaysPanel table {
		padding:5px;
		font-size:8pt;
	}
	.mainBody input.blueField, .mainBody input.blueField.wide {
		width:80%;
		display:inline;
	}
	.avatarContent label {
		width:100%;
	}
	.ui-tabs .ui-tabs-panel {
		padding:1em 0.4em;
	}
	.SCSubPanelBody label {
		display:inline;
		text-align:left;
	}
	
	#uploadForm .row .column.colDouble, #uploadForm .row .column.colHalf {
		width:100%;
	}
	#gvPurchaseHistory {
		font-size:11px;
	}
	#gvPurchaseHistory td {
		padding:2px;
	}
	.container footer ul {
		width:80%;
	}
	.ranks {
		width:100%;
	}
	#reciprocalForm {
		margin:0 auto; 
		width:auto;
	}
	.moreInterestPanel table, .quickAccountInfoTable {
		font-size:12px;
	}
	.button.large {
		font-size:0.9em;
	}
	.profileBox .profile {
		width:100% !important;
		display:inline-block;
		text-align:center;
	}
	#nsc_ajaxPreviewMask {
	}
	#nsc_ajaxPreviewIFrame {
		max-height:370px;
	}
	#nsc_ajaxPreviewWrap{
		max-width: 680px;
	}

		#nsc_ajaxPreviewWrap.iframed{
			/*width:75%;
			height:75%;*/
		}

	#nsc_ajaxPreviewWrap .content{
		max-width:650px;
	}
		#nsc_ajaxPreviewWrap .content .inner{
			margin:0;
		}
}
@media only screen and (min-width: 960px) and (max-width: 1498px) {
	h3 {
		font-size: .9em;
	}
	.container {
		min-width:960px;
	}
	.container .contentSpan {
		width:70%;
	}
	.container .navSpan {
		width:248px;
	}
	.mainBody input.moneyField.large {
		width:135px;
	}
	.mainBody input.blueField {
		width:155px;
	}
	.mainBody input.blueField.wide {
		width:320px;
	}
	.mainBody .searchBox .searchInput {
		width: 83%;
	}
	.mainBody textarea.auto {
		width:83%;
	}
	.mainBody input.large:not([type]), .mainBody input.large[type="text"], .mainBody input.large[type="email"], .mainBody input.large[type="password"], .mainBody textarea.large {
		width:100px;
		font-size:1.3em;
	}
	.mainBody input.blueField {
		width:80%;
	}
	.mainBody input.blueField.wide {
		width:90%;
	}
	.container footer ul {
		width:70%;
	}
	.profileBox .basic {
		float:none;
		width:100%;
		margin-left:0;
	}
	.profileBox .spanThird {
		float:none;
		width:100%;
	}
	.profileBox .userpic {
		float:none;
		width:165px;
		height: 165px;
		margin: 0 auto;
	}
	.profileBox .userpic img {
		max-width: 155px;
		max-height: 155px;
	}
	.ranks {
		width:100%;
	}
	.ranks .rankName {
		font-size:70%;
	}
	.ranks .points {
		min-width:20px;
	}
	div.sidebarPlugin .rounded.inner h3 {
		font-size:80%;
	}
	div.sidebarPlugin .row .spanHalf {
		float:none;
		width:100%;
		margin-bottom:5px;
	}
	#reciprocalForm {
		margin:0 auto; 
		width:auto;
	}
	.moreInterestPanel table, .quickAccountInfoTable {
		font-size:11px;
		word-break:break-word;
	}
	.profileBox .profile {
		width:100% !important;
		display:inline-block;
		text-align:center;
		float:none;
	}
	#nsc_ajaxPreviewWrap {
		max-width: 800px;
	}
	#nsc_ajaxPreviewWrap .content {
		max-width: 670px;
	}
	.resourceContent .item {
		width: 210px;
	}
	.resourceLink {
		max-width: 190px;
	}
	.propBox {
		width: auto;
	}
	.giftContainer .row .spanThird {
		float:none;
		width:100%;
	}
	.giftContainer .row .spanTwoThirds {
		float:none;
		width:100%;
		margin-left: 0;
	}
	.button {
		font-size: 11px;
	}
}