#page {
	background-color:#efefef;
	width:600px;
	margin:50px auto;
	padding:20px 150px 20px 50px;
	min-height:600px;
	border:2px solid #fff;
	outline:1px solid #ccc;
	text-align:left;
}

.less {
	color:#999;
	font-size:12px;
}

.button {font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:12px;background-color:#777B88; color:#FFFFFF;}

.nextprev {font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; color:#FFFFFF; font-size:12px;background-color:#000000; color:$FFFFFF;padding:0px 8px 0px 8px;}

/* .active{color:#0000ff;} */

ul {
	padding:0px;
	margin: 0px;
        list-style-type:none;
}
#response {
	padding:10px;
	background-color:#9F9;
	border:2px solid #396;
	margin-bottom:20px;
}
#list li {
	margin: 2px 2px 2px 2px;
	padding:10px;
	background-color:#333;
	color:#fff;
	list-style: none;
        width:126px;
        height:91px;
}
ul.bullet li
{
  margin-left:  40px !important;
  list-style-type: disc !important;
}
ul.bullet li ol
{
  margin-left:  0px !important;
}
ul.bullet li ol li
{
  margin-left:  0px !important;
  list-style-type: decimal !important;
}



/** Default CSS Added here***/
/** Forms **/
fieldset.bordered
{
	border: 1px solid #cccccc;
	margin: 0;
	padding: 4px;
}
fieldset.bordered legend
{
  border: none;
	color: #332C1F;
	font-size: 100%;
	font-weight: bold;
  line-height: normal;
  margin: 0;
  padding: 0 2px;
  width: auto;
}
fieldset.plain
{
  border: none;
  margin: 0;
  padding: 0;
}
form .input {
	/* color: #444; */
}
form .required {
	font-weight: normal;
}
form .required label:after,
.required_after:after
{
	color: #e32;
	content: '*';
	display:inline;
}
form .required label.no_req_star:after
{
	content: none;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}

.submitmargin {
	margin: 10px;
}

label {
  display: block; /* !! this is BAD because RADIO and CHECKBOX labels should ALWAYS be in-line !! */
	font-size: 100%;
	margin-bottom:3px;
	font-weight:normal;
	/*font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	*/
}
select {
	clear: both;
	font-size: 100%;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 100%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	/* float: left; */
	margin: 0px 6px 7px 2px;
	width: auto;
}
input {
  font-size: 13px;
  padding: 4px;
  margin-bottom: 9px;
}
div.checkbox label {
	display: inline;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 100%;
	width: auto;
}
input[type=button] {
	display: inline;
	font-size: 95%;
	width: auto;
}
form .submit input[type=submit] {
	background:#62af56;
	background: -webkit-gradient(linear, left top, left bottom, from(#a8ea9c), to(#62af56));
	background-image: -moz-linear-gradient(top, #a8ea9c, #62af56);
	border-color: #2d6324;
	color: #000;
	text-shadow: #8cee7c 0px 1px 0px;
}
form .submit input[type=submit]:hover {
	background:#4ca83d;
	background: -webkit-gradient(linear, left top, left bottom, from(#85e573), to(#4ca83d));
	background-image: -moz-linear-gradient(top, #85e573, #4ca83d);
}

/** Notices and Errors **/
div.message {
	clear: both;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 16px 0;
	color: #332C1F;
	padding: 5px;
}
div.error-message {
	clear: both;
	font-weight: bold;
	color: #c73e14;
	font-size: 75%;

}

label.error-message {
	clear: both;
	font-weight: bold;
	color: #c73e14;
}

p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 16px;
	line-height: 22px;
	padding: 13px;
	margin: 16px 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 22px;
}

.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 16px;
	line-height: 22px;
	padding: 13px;
	margin: 16px 0;
}
.success {
	background: #EAEAEA;
	color: #fff;
}

.setheight
{
  /*background-color: orange;*/ /*debug*/
  float: right;
  margin-top: 25px;
  width: 744px;
}

.pagination span{
  color:#ff0000;
  margin:2px;
  text-decoration:none;
}

.pagination span link{
  margin:2px;
  text-decoration:none;
}


ul.songwidth li {margin:0px 10px 0px 8px; display:inline; }
ol li ul.songwidth li { margin:0px 10px 0px 20px; display:inline; }
/****End of default CSS******/

a.TheVideoPlayer {
	display:block;
	width: 520px;
	height:330px;
	text-align:center;
	margin:0 15px 15px 0;
	float:left;
	border:1px solid #999;
	background-color:#EAEAEA;
}

a.TheVideoPlayer img {
	margin-top:120px;
	border:0px;
}

a.TheVideoPlayer:hover {
	border:1px solid #000;
}

a.video_links{
font-size:14px;
font-weight:normal;
font-family:verdana;
text-decoration:none;
}

.songsulli {
float:left;
padding:6px;
}

.BackLink
{
  float: right;
  margin-right: 10px;
}
.BackLink2
{
  float: right;
  margin-right: 5px;
  text-align: right;
  width: 80%;
}

.selectedChboxSocial{
  margin-left:60px;
  position:absolute;
  border:1px solid #ff0000;
}

.dottedborder{
  border:1px dotted #cccccc;

}

#backgroundtracklist{
padding-left:40px;
display:none;
}

#foregroundtracklist{
padding-left:40px;
display:none;
}

/** Table styles **/

table.adminlist {
	width: 100%;
	border-spacing: 1px;
	background-color: #e7e7e7;
	color: #666;
}

table.adminlist td,
table.adminlist th { padding: 4px; }
table.adminlist td.value { padding-left: 8px; text-align:center; }

table.adminlist thead th {
	text-align: center;
	background: #f0f0f0;
	color: #666;
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;
}

table.adminlist thead a:hover { text-decoration: none; }

table.adminlist thead th img { vertical-align: middle; }

table.adminlist tbody th { font-weight: bold; }

table.adminlist tbody tr			{ background-color: #fff;  text-align: left; }
table.adminlist tbody tr.row1 	{ background: #f9f9f9; border-top: 1px solid #fff; }
table.adminlist tbody tr.row0:hover td,
table.adminlist tbody tr.row1:hover td  { /* background-color: #8DBD27 ; */}
table.adminlist tbody tr td 	   { height: 25px; background: #fff; border: 1px solid #fff; }
table.adminlist tbody tr.row1 td { background: #f9f9f9; border-top: 1px solid #FFF; }


/* override for the idiotic previously defined LABEL style */
label.inline
{
  display: inline !important;
}

/* override for idiotic classless styles defined for DIVs */
div.normal
{
  margin: 0;
  padding: 0;
}

.admin_only,
table.admin_only td,
tr.admin_only td
{
  background-color: #F9CBFE !important;
  border-color: #F17EFE !important;
  /* color: #907EFE !important; */
}
.admin_only_bg,
table.admin_only_bg td,
tr.admin_only_bg td
{
  background-image: url(../../img/admin_only_bg.png) !important;
  background-repeat: repeat !important;
}


/* hack for broken jQuery .ui-widget-overlay */
.guru_dialog_background
{
  background: url("../../img/ui-bg_flat_0_000000_40x100.png") repeat-x scroll 50% 50% #000000;
  filter: Alpha(Opacity=75); /* IE */
  left: 0;
  opacity: 0.75; /* proper browsers */
  position: fixed;
  top: 0;
}