
body {
	margin:0px;
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #333333;
	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}

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 : 10px;	
	color : #003366;
	width : 100%;
	spacing : 7;
	padding : 0;
	text-align: center;
}

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

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

.middlerow {
	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 : 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 : #003366;
	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 : #003366;
	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 {
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 24px;	
	color : #003366;
}

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

.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;
}

/* 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;
	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 : 10px;	
	font-weight: normal;
	color : #333333;
}

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

.shoppingcart {
	top: -90000px;
	left: -90000px;
	max-height: 80px;
	overflow-y: auto;
	overflow-x: hidden;
	visibility: visible;
	margin-left: 50%;
	width: 520px;
	background-color: #acffbf;
}

.carttable {
	padding: 2px;
	font-size: 11px;
}

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

.carttext {
	padding-left: 2px;
	font-size: 11px;
}

.cartcotable {
	background-color: #f4fdf0;
	padding: 2px;
	font-size: 14px;
}

.cartremove {
	vertical-align: middle;
	height: 8px;
	width: 8px;
	border: 0px;
	background-color: transparent;
}




/***** 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 **********/





/*
input, password, textarea, select{
	border: 1px solid silver;
}
*/

/*
input, password, textarea, select{
	border:1px solid silver;
	margin:3px;
	padding:0px 3px;
	font:90%/125% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	background-color: #fbfcfc;
	color:#66666;

}
*/


/*
input, password, select{
	height: 20px;
}
*/

/*
.us_input, .us_password, .us_textarea, .us_select{
	border:1px solid silver;
	margin:3px;
	padding:0px 3px;
	font:90%/125% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	background-color: #fbfcfc;
	color:#66666;

}
*/

/*
.button {
	font-family:Verdana,Arial,Helvetica;
    font-size : 9px;
	background : #FAFAFA;
	border : 0px solid #003366;
	color : #999999;
}
*/

/***********************************/
/* Rounded corners from here: http://bathew.com/playhouse/rounded-corner-form-elements/ */
/* anvŠnds pŚ comments och profile tabs */

/* the original html code */
/*
<form>
  <fieldset>
    <legend>Rounded Corner Form Elements</legend>
    <label for="txtFirstName">First Name:</label>
    <strong><em><span><span><input id="txtFirstName" maxlength="50" name="FirstName" size="25" type="text" /></span></span></em></strong>
    <label for="txtLastName">Last Name:</label>
    <strong><em><span><span><input id="txtLastName" maxlength="50" name="LastName" size="15" type="text" /></span></span></em></strong>
    <label for="txtaraComment">Comment</label>
    <strong><em><span><span><textarea id="txtaraComment" cols="50" rows="10" name="Comment"></textarea></span></span></em></strong>
  </fieldset>
</form>
*/

strong {background: url(../../themes/nw/img/forms/input-bottom-left.gif) no-repeat 0 100%; display: block; float: left;}/*longer sides*/
strong em {background: url(../../themes/nw/img/forms/input-top-right.gif) no-repeat 100% 0; display: block; float: left;}/*longer sides*/
strong em span {background: url(../../themes/nw/img/forms/input-bottom-right.gif) no-repeat 100% 100%; display: block; float: left;}
strong em span span {background: url(../../themes/nw/img/forms/input-top-left.gif) no-repeat; display: block; float: left;}
input, select, textarea {margin: 1px 3px; border: 1px solid #fff;}
br {clear: both;}

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

.us_button {
	font:100%/105% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size : 12px;
	background : #FAFAFA;
	border : 1px solid silver;
	color : #333333;
	height: 23px;
	padding-bottom: 2px;
}

.us_button:hover{
	color:#999999;
}

.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;
}

.us_button_small:hover{
	color:#999999;
}

.us_input, .us_password, .us_select{
	height: 20px;
}



/***** 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;
}

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


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

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