@import "jquery.simpleModal.css";

ul.thumbs li {
	list-style: 		none;
	float: 				left;
	display: 			block;
	list-style-image: 	none !important;
	margin:				5px 5px 0 5px !important;
}
ul.thumbs {
	list-style: 		none;
	margin: 			0;
	padding: 			0;
	clear: 				both;
}
ul.thumbs li img {
	border:				none;
	margin:				0 !important;
}
ul.thumbs li a {
	background:			none !important;
	text-decoration:	none;
	border: 			0;
}
ul.thumbs li p {
	overflow:			hidden;
}
.thumbs .clearboth { 
	clear: 				both; 
}
.childscontainer {
	margin-bottom:		20px;
	float:				left;
}
.thumbscontainer {
	margin-bottom:		20px;
	float:				left;
}
.pagenumbers {
	margin-bottom:		20px;
}
.picturecontainer {
	text-align:			center;
}
.picturecontainer .title {
	font-weight:		bold;
	margin-top:			20px;
}
.picturecontainer .picture img {
	border:				none;
	margin:				0 !important;
}
.picturecontainer .picture a {
	background:			none !important;
	text-decoration:	none;
	border: 			0;
}
.managecontainer {
    /*float: 				left;       */
}
.managecontainer textarea {
	width:				395px;
}
.managecontainer hr {
	width:				400px;
	text-align: 		left;
	margin: 			20px auto 20px 0;
}
.pictureform .managepicture {
	float:				left;
	clear:				left;
}
.pictureform .shortfields {
	margin-left: 		20px;
	float:				left;
    width:              250px;
}
.pictureform .clearboth {
	clear:				both;
}
.uploadcounter {
	width: 				20px;
	margin-bottom: 		10px;
	float:				left;
	clear:				left;
}
.uploadfile {
	margin-bottom: 		10px;    
	float:          	none;
    width:              370px; 
}
.uploadfile input {
	width:				345px;	
}
.uploadform {
	margin-top:			8px;
	margin-bottom:		-10px;
   	clear: 				both;    
}
.uploadform .clearboth {
	clear:				both;
}
.slideshowwrapper {
	text-align:			center;
}
.deleteform {
	float:				left;
}
.synchform {
	float:				left;
}

/** BARS DESIGN **/
#barsDesign {
    padding: 10px;
    margin: 0px;
    background: url('img/ss_logo.jpg') right bottom no-repeat;
}
#barsDesign * {
    font-size: 12px;
    font-family: Verdana;
}

#barsDesign a:hover {
    background:#DAE1E8 none repeat scroll 0%;
    color:#36638E;
    text-decoration:none;
}
#barsDesign a {
    background:white none repeat scroll 0%; 
    padding:3px 3px 3px 6px;
    color:#2B587A;    
}
#barsDesign .clear { clear: both;}

#barsDesign .header {
    background-color:#EEE5B8;
    background-image:url('img/header_yellow.gif');
    background-position:left top;
    background-repeat:repeat-x;
    border-bottom:1px solid #D7CF9E;
    border-left:1px solid #E4DDB4;
    border-right:1px solid #DCD4A4;
    color:black;
    font-size:11px;
    font-weight:bold;
    margin:0px;    
    padding:2px 10px 5px;
}

#barsDesign input.blueButton {
    background-color:#6D8FB3;
    border-color:#7E9CBC rgb(92, 130, 171) rgb(92, 130, 171);
    border-style:solid;
    border-width:1px;
    color:#FFFFFF;
    cursor:pointer;
    padding:5px;
    text-align:center;
}

#barsDesign input.lightButton {
    background-color:#EAEAEA;
    border-color:#9F9F9F #B8B8B8 #B8B8B8;
    border-right:1px solid #B8B8B8;
    border-style:solid;
    border-width:1px;
    color:#000000;
    text-decoration:none;
    cursor:pointer;
    padding:5px;
    text-align:center;
}

#barsDesign .managepicturecontainer * {font-size: 10px;}

#barsDesign .managepicturecontainer {
    padding: 3px;
    margin: 4px;    
    border:1px solid #DAE2E8;
    background-color: #F0F0F0;
    width: 260px;
    float: left;
}

#barsDesign .unpublishedBackground {  background-color: #FEFAE4; }
#barsDesign span.unreadCount     { font-size: 150%; font-weight: bold; }

#barsDesign .separateButton {    
    border-left: 3px solid #DAE1E8;
    padding: 5px 0px;
    margin-left: 10px;
    margin-right: 12px;
}

#barsDesign .managepicturecontainer img { border: 1px solid gray;}
#barsDesign .managepicturecontainer input { border: 1px solid #C0CAD5;}

#barsDesign .pictureform .shortfields { 
    width: 100px; 
    float: right;   
}
#barsDesign .pictureform .shortfields a         {   padding: 0px; text-decoration: none; line-height: 150%; background-color: transparent; border: none;} 
#barsDesign .pictureform .shortfields a:hover   {   text-decoration: underline; background: none; border: none;} 
#barsDesign .pictureform .managepicture {
    width: 140px;
    height: 105px;
    overflow: hidden;
}


/* Comment list */
.pt100       { padding-top: 100px;}
.clHeaderWrap   {
    background-color:#4B769F;
    border:1px solid #45688E;
    color:#FFFFFF;
    font-size:13px;
    font-weight:bold;
    padding:0;
    height: 28px;
}
.clHeader       {border-bottom:1px solid #466E94; border-top:1px solid #6088B3; padding:4px 10px 5px;}
.clBottom {
    background-color:#F2F2F2;
    border-top:1px solid #CCCCCC;
    height:30px;
    padding:5px;
    text-align: right;
    padding-right: 20px;
}

#clContainer    { height: 380px;    }
.clList         { height: 380px;  overflow: auto; }
.clList table   { width: 100%; }
.clList table th { 
    background:none repeat scroll 0 0 #F7F7F7;
    border-bottom:1px solid #DAE2E8;
    color:gray;
    font-size:9px;
    padding:6px 15px;
    text-align:left;
}
.clList table th.w50 { width: 50px; }
.clList table th.w90 { width: 95px; }
#barsDesign .clList table td {    
    padding:6px 15px; 
    font-size:11px; 
    color:#2B587A;
    border-bottom:1px solid #EEEEEE;    
}
#barsDesign .clList table td.unpublished {  border-bottom:1px solid #E2DAA6;}
#barsDesign .clList table tr.unpublished {  background:none repeat scroll 0 0 #FEFAE4;}
#barsDesign .clList .name{ color:#2B587A;}
#barsDesign .clList a         {   padding: 0px; text-decoration: none; line-height: 150%; background-color: transparent; border: none; font-size: 10px;} 
#barsDesign .clList a:hover   {   text-decoration: underline; background: none; border: none;} 
#barsDesign .clList .date { color:#777777; font-size:9px;}

.clPager            { height: 30px; border: 0px solid black;}
.clPager div        { padding-top: 7px;  padding-left: 20px;}
.clPager .unreadCount  { font-weight: bold; padding:3px 3px 3px 6px;}