
body {
	margin: 0px;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #333333;
	text-align: center;
	background-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #cccccc;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #cccccc;
}

a:link {color:#666666; text-decoration:none}
a:active {color:#666666; text-decoration:none}
a:visited {color:#666666; text-decoration:none}
a:hover {color:#999999; text-decoration:none}

h1, h2, h3, h4 {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
}

hr {
	border: 0px;
	height: 1px;
	background-color: #c3c9d3;
}


.main {
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	border: 0px;
	font-size : 14px;	
	color: #1b1b1b;
	width : 100%;
	padding : 0;
	text-align: center;
}

.mainbox {
	margin-right: 4px;
	margin-left: 4px;
	background : white;
	border: 0px;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size :14px;	
	color: #1b1b1b;
	width : 100%;
	padding : 0;
	text-align: center;
}

div {
	text-align: left;
}

.toprow {
	background : white;
	border: 0px solid #003366;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 12px;	
	color: #1b1b1b;
	width : 100%;
	padding : 0;
	text-align: left;
}

.middlerow {
	background : white;
	border: 0px solid #003366;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 12px;	
	color: #1b1b1b;
	width : 100%;
	padding : 0;
}

.bottomrow {
	background : #ffffff;
	border: 0px solid #003366;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 12px;	
	color: #1b1b1b;
	width : 100%;
	padding : 0;
	text-align: center;
}

.maincol0 {
	background-color: transparent;
	border: 0px solid #003366;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 12px;	
	color: #1b1b1b;
	width : 800;
	padding : 0;
}

.maincol1 {
	background : #ffffff;
	border: 0px solid #003366;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 12px;	
	color : #003366;
	width : 800;
	padding : 0;
}

.maincol1l {
	background : #ffffff;
	border: 0px solid #003366;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 12px;	
	color : #003366;
	width : 400;
	padding : 6;
}

.maincol1r {
	background : #ffffff;
	border: 0px solid #003366;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 12px;	
	color : #003366;
	width : 400;
	padding : 6;
}

.maincol2 {
	background : #ffffff;
	border: 0px solid #003366;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 12px;	
	color : #003366;
	width : 800;
	padding : 0;
}


.username, .username h1 {
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 42px;
	font-weight: 700;
	text-align: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	display: inline;
	color: #1b1b1b;
	vertical-align: top;
}
.username {
	top: -6px;
}

.tabtopborder {
	border-top:1px solid #c3c9d3; 
	margin-bottom: 1em; 
	background-color:#ffffff; 
}

.us_boxCont {
	padding: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	text-align: left;
	border:1px solid #c3c9d3; 
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
}

.centerbox {
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 14px;	
	background : White;
	color : #333333;
	min-height: 400px;
}

.centerboxtitle {
	background : #FAFAFA;
	border-bottom : 1px solid #cccccc;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 16px;	
	font-weight : bold;
	color : #333333;
	padding-top: 0px;
	margin-top: 0px;
}

/* title, for example blog post titles */
.title {
	background : #FFFFFF;
	border-bottom : 1px solid #cccccc;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 16px;	
	font-weight : bold;
	color : #333333;
}

.postedby {
	color: #d4d4d4;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 10;
}

.titletext {
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 18px;	
	font-weight : bold;
	color : #333333;
}

.itemtext {
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 16px;	
	font-weight: normal;
	text-align: left;
	color : #333333;
}

.itemtext2 {
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 14px;	
	font-weight: normal;
	color : #333333;
}

.smalltext {
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 11px;	
	font-weight: normal;
	color : #333333;
}

.itemimg {
	padding-left: 2px;
	padding-top: 2px;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 16px;	
	font-weight: normal;
	color : #333333;
}

.descrtext {
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 14px;	
	font-weight: normal;
	color : #333333;
}

.shoppingcart {
	min-height: 100px;
	max-height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 5px;
	visibility: visible;
	width: 625px;
	background-color: #acffbf;
	position: relative;
	z-index: 1;
	border:1px solid #3fbd47;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
    
    /* Drop shadow */
    -moz-box-shadow: 0px 2px 5px #7d7d7d;
	-webkit-box-shadow: 0px 2px 5px #7d7d7d;
	box-shadow: 0px 2px 5px #7d7d7d;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=170, Color='#7d7d7d')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=170, Color='#7d7d7d');

}
.shoppingcartFloat {
	min-height: 100px;
	max-height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 5px;
	visibility: visible;
	width: 630px;
	background-color: #acffbf;
	position: relative;
	z-index: 1;
	border:1px solid #3fbd47;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
    
    /* Drop shadow */
    -moz-box-shadow: 0px 2px 5px #7d7d7d;
	-webkit-box-shadow: 0px 2px 5px #7d7d7d;
	box-shadow: 0px 2px 5px #7d7d7d;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=170, Color='#7d7d7d')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=170, Color='#7d7d7d');

}
.shoppingcartPlaceholder {
	max-height: 1px;
	max-width: 1px;
	visibility: visible;
	z-index: 0;
}
.shoppingcart, .shoppingcartPlaceholder {
	position: absolute;
}
.shoppingcartSpacer {
	min-height: 125px;
	height: 125px;
}
.carttable {
	padding: 2px;
	font-size: 11px;
}

.carttitle {
	padding-left: 2px;
	font-weight: bold;
	font-size: 11px;
}

.carttext {
	padding-left: 2px;
	font-size: 11px;
}
.shoppingcartCheckout {
	padding: 5px;
	margin-bottom: 20px;
	visibility: visible;
	background-color: #acffbf;
	border:1px solid #3fbd47;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
    
    /* Drop shadow */
    -moz-box-shadow: 0px 2px 5px #7d7d7d;
	-webkit-box-shadow: 0px 2px 5px #7d7d7d;
	box-shadow: 0px 2px 5px #7d7d7d;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=170, Color='#7d7d7d')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=170, Color='#7d7d7d');

}
.shoppingcartCheckout table {
	padding: 2px;
	font-size: 14px;
}

.cartremove {
	margin-left: 5px;
	vertical-align: middle;
	height: 16px;
	width: 16px;
	border: 0px;
	background-color: transparent;
	background-image:url("../../images/del.png");
	background-repeat: no-repeat;
	background-position-y: 3px;
	cursor: pointer;
}
.confirmCont {
	padding: 20px;
	margin-bottom: 10px;
	font-size: medium;
	border:1px solid #c3c9d3; 
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
}

/***** begin: Checkout *****/
.print_item_excl_vat {
	font-size: x-small;
	color: #70b485;
}
.print_sum_amount_gross {
	font-weight: bold;
	font-size: larger;
}
/***** end: Checkout *****/


/***** styles specific to the NAV FORMS **********/
.navsubmit, .navpage {
	border:1px solid #ededf7;
	cursor:pointer;
	height: 20px;
	background-color: #f8f8fd;
	color: #010059;
}

.navsubmit {
	width: 180px;
}

	
.navsubmit:hover, .navpage:hover {
	border:1px solid #ededf7;
	background-color: #fafaff;
	color:#535384;
}

.navpageActive {
	border:1px solid #ededf7;
	cursor:pointer;
	height: 20px;
	background-color: #cfcfe5;
	color: #010059;
}
/***** end - styles specific to the NAV FORMS **********/




.us_button, #login_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#5056b0 url('../../themes/nw2/img/bg-btn-blue.png') repeat-x scroll 0 50%;
    border:1px solid #5056b0;
    color:#fff;
    text-shadow:0 -1px 0 #000066;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
    cursor: pointer;
} 
    

.us_button:hover{
	color:#e6e6fd;
}

.us_button_small {
	font:100%/115% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 10px;
	background : #FAFAFA;
	border : 1px solid silver;
	color : #333333;
	height: 16px;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;    
}

.us_button_small:hover{
	color:#999999;
}

.us_input, .us_password, .us_select, .us_textarea, select, input[type=text], textarea {
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #c6c9e3;
}
.us_input, .us_password, .us_select, select, input[type=text] {
	height: 20px;
	font-size: 11px;
}



/***** styles specific to the SUBMIT BUTTONS **********/


.submit{
	border:4px solid silver;
	font-size: 10px;
	cursor:pointer;
}

.submit:hover{
	color:#999999;
}


/* begin ERROR jsval form validiation */
input.error, select.error, textarea.error {
	padding-right: 16px; 
	border: 1px solid red; 
	font-size: large;
	font:90%/125% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: #663030;
	background-color: #FFFCE2; 
	background-image: url('../../images/system/error.gif'); 
	background-position: right; 
	background-repeat: no-repeat;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;    
}

/*
input.error, select.error {
	height: 20px;
}
*/
/* input:focus, select:focus {border: 1px solid red; background-color:#EFEFEF;} */
/* end ERROR jsval form validiation */

.msPlayerCont {
	padding: 8px;
	border-style: solid;
	border-color: #c3c9d3;
	border-width: 1px;
	margin-bottom: 10px;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;  
}

#playerEmbed {
	max-width: 800px;
	max-height: 505px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Override player CSS */
#middleCont, #mainCont, #playlistsCont {
	max-height: 400px;
}

.ap-maincol {
	width: 640px;
	max-width: 640px;	
}
.ap-middlerowheader {
	padding-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d9d9d9;
	margin-bottom: 10px;
}
.ap-middlerowheader div {
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
.ap-profileimage {
	max-height: 90px;
	max-width: 200px;
	overflow: hidden;
	padding-right: 10px;
}
.ap-profileimage img {
	max-height: 90px;
	max-width: 200px;
}
.ap-topsocial {
	width: 808px;
	position: relative;
	padding-top: 6px;
}
.ap-topsocial div {
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
.ap-topsocial1 {
	width: 570px;
}
.ap-topsocial2 {
	position: relative;
	width: 230px;
	text-align: right;
}



.ap-rightcol {
	margin-left: 10px;
	padding-left: 10px;
	border-left-style: solid;
	border-left-color: #c3c9d3;
	border-left-width: 1px;
	width: 235px;
}

.ap-rightcoltitle {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 4px;
}

.sociallinkbg {
	padding: 5px;
	margin-bottom: 10px;
	background-color: #f2f5fa;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
	border-style: solid;
	border-color: #d7dde3;
	border-width: 1px;
}


.sociallink {
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 12px;	
	font-weight: normal;
	color : #333333;
}


/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; border:0px; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 0; background: none; }


.us_footer {
	font-size: 11px;
	width:860px; 
	background-color:#fdfdfd; 
	border:1px solid #f1f3fb; 
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
    padding:16px;
	margin: 0px;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: left;
}
