/** Rails Errors Start */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}


#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding-top: 15px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/** Rails Errors End */


/** Body Start */
html {
	overflow-y:scroll;
	height:100%;
}

body, p, td, div , h1, pre {
	border:0pt none;
	margin:0pt;
	padding:0pt;
}

body {
/*	font: 13px Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	height:100%;
}

/** Body End */


/** Header Start */
#Header {
	background-position:left bottom;
	background-repeat:repeat-x;
	padding-bottom:1px;
	text-align:center;
	border-bottom: 1px dotted #ccc;
	text-align:center;
}

#Header #TopBar {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:820px;
}

#Header #TopBar #FriendsLogo {
	padding:10px 0pt 0pt 0px;
	text-align:left;
}

#Header #TopBar #Status {
	color:#555;
	font-size:12px;
	padding:15px 0px 0px;
	text-align:right;
	vertical-align:top;
}

#Menu_ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

#Menu_ul li {
	border:4px solid #FFFFFF;
	float:left;
	font-size:13px;
}

#Header #NavBar {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:820px;
}

#MenuBar {
	padding-bottom:5pt;
	padding-left:1px;
	padding-top:10px;
	vertical-align:bottom;
}

/** Header End */


#Main {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-top:10px;
	text-align:left;
	width:820px;
	height:*px;
	position:relative;
	min-height: 100%;
	padding-bottom:80px;
}


#pageing {
	clear: both;
	text-align:center;
}

#photo_image{
	width:820px;
	float:left;
	padding-top:20px;
	padding-left:3px;
	
}

#photo_image_item{
	width:265px;
	height: 260px;
	float:left;
	display:inline;
	margin-left:5px;
}

#photo_image_item_cap{
	clear:both;
	font-size:11px;
}

img {
	border: none;
}

.img-shadow {
	background:url(../images/img.aspx.gif) right bottom;
	float:left;
}

.img-shadow img {
	position:relative;
	left:-6px;
	top:-6px;
	background:#FFF;
	border:1px solid silver;
	padding:6px;
}





h1 {
	padding-bottom: 10px;
	color: #aaa;
}

h3 {
	border-bottom: #ccc solid 1px;
	background: #E7F1D7;
	padding: 5px;
}


.form-container {
	background:#F5EFC9 url(img/register-form-container-top-left.gif) no-repeat scroll left top;
}


.form-container div {
	background:transparent url(img/register-form-container-top-right.gif) no-repeat scroll right top;
}

/** Footer Start */
#Footer {
	background: #eee;
	color:#666;
	height:50px;
	margin:0pt auto;
	padding-top:20px;
	text-align:center;
	border-top: #ccc solid 1px;
	position:absolute;
	bottom:0px;
	height:50px;
	width:100%;
}

/*
* html div#Container{
	height:100%;
}
*/

div#Container{
	margin:0px auto;
	position:relative;
	min-height: 100%;
}


/** Footer End */


a {
	color: #000;
}
a:visited {
	color: #666;
}
a:hover {
	color: #00f;
	text-decoration: none;
/*	background-color:#eee;*/
}



.musics_form{
	background-color:#FFFFFF;
}

.musics_form td{
	border:1px dotted #CCCCCC;
	padding:5px;
}