/*
** Silver Pride Software Limited
** http://www.silver-pride.com
**
** (c) Silver Pride Software Limited 2008
**
** Silver Pride CMS - silverpride-cms.css
**
**/

.clear
{
	clear: both;
}

.clear:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.about
{
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #dcdcdc;
}

.silverpride-about .assembly-info-box
{
	border: solid 1px #cccccc;
	padding: 20px;
	width: 250px;
	height: 50px;
}

/*
Example of embedding resource images in css
.MyDiv { background-image: url('WebResource.axd?d=GiXO3hbIA6OTyOCCcGGLAI4KfmHLpD48uVc-dmdQHE0slv6uEB4PZEGSqf0vokUwvTZe33TDU8A3Tw9xS2EeAr7T4fIE_NFVUvOvoc15hSA1&t=633862955260000000&ex=.png'); }

*/

/* ------------------- GRID */

.silverpridegrid
{
	background-color: #efefef;
	width: auto;	
	float: left;
    height: auto;
	font-size: 11px;
	color: #777777;
    padding-top: 5px !important;
	margin-top: 10px;
	margin-left: 0px;
	border: solid 1px #ddd;
}


.silverpridegrid .gridarea
{
	height: 390px;	
}

.silverpridegrid table
{
border-collapse: collapse;
margin-left: 5px;
margin-right: 5px;
white-space: normal;
font-size: 11px;
}

.silverpridegrid thead
{
height: 30px;
background-color: #dddddd;
vertical-align: top;
	border: solid 1px #aaa;
}

.silverpridegrid thead td.cell
{
	border: solid 1px #ccc;
	border-right: solid 1px #ccc;
}


.silverpridegrid tr
{
	height: 20px;
	table-layout: auto;
	empty-cells: show;
    border-bottom: solid 1px #dedede;
}

.silverpridegrid tr.row:hover, .silverpridegrid tr.alt-row:hover 
{
    background-color: #ffffff;
    background-image: url('WebResource.axd?d=GiXO3hbIA6OTyOCCcGGLAI4KfmHLpD48uVc-dmdQHE3jNyAq9W07f-45nMkB2EE5uzbTH3nVZyDgihdiYoqveHMXm5QjnxK3Sy6OPzXbmsI1&t=633862955260000000');   
    background-repeat: repeat-x; 
}

.silverpridegrid .cell, .silverpridegrid .cell-selected
{
	width: auto;
	border: none;
	margin: 0px;
	padding-left: 3px;
	padding-right: 3px;
	height: 30px;
}

.silverpridegrid .sort-control, .silverpridegrid .sort-control-selected
{
	width: 16px;
	height: 16px;
}

.silverpridegrid .columnname
{
    font-weight: bold;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;	
    clear: both;
}

.silverpridegrid .filterbox
{
	border: solid 1px #ccc;
	font-size: 10px;
	background-color: #efefef;
}


.silverpridegrid .filter-control
{
	width: 16px;
	height: 16px;
}

.silverpridegrid thead .cell-select
{
	border: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

.silverpridegrid .cell-select
{
    width: 20px;
    text-align: center;
    cursor: pointer;
}

.silverpridegrid .cell-selected
{
	background-color: #999999;
	color: #ffffff;
    background-image: url('WebResource.axd?d=GiXO3hbIA6OTyOCCcGGLAI4KfmHLpD48uVc-dmdQHE3jNyAq9W07f-45nMkB2EE5Z00hRumiaA2fBTnR78BSNt9jA_SA7ZqxYdacHibcJ_o1&t=633862955260000000');   
    background-repeat: repeat-x;     	
	padding-left: 3px;
	padding-right: 3px;
}

.silverpridegrid .pager
{
    float: right;
    width: 380px;	
    text-align: center;   
    padding: 10px;     
    margin-right: 10px;
	margin-bottom: 15px;
	margin-top: 20px;
	background-color: #dddddd;
}

.silverpridegrid .selectstatus
{
	float: left;
	width: 250px;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 15px;
	margin-top: 20px;
	background-color: #cccccc;
}

.silverpridegrid .loader
{
	position: relative;
	top: -20px;
	bottom: -20px;
	background-color: #cccccc;
	width: 300px;	
	line-height: 0px;
	text-align: center;
}

.formeditor
{
	background-color: #ffffff;
	color: #000;
	border: solid 7px #333;	
	width: 700px;
	height: 350px;
}

.controlbar
{
	width: auto;
	height: 40px;
	padding-left: 40px;
	background-color: #cccccc;
	margin-bottom: 10px;
}

.controlbar .controlbar-buttons
{
	width: 45px;
	height: 200px;
	margin: 0;
	padding: 0;
}


/* language dropdown */

.language ul
{
	display: block;
    border: solid 1px #aaa;
	list-style: none;
	list-style-position: outside;
	padding: 5px;
	margin: 0;
    margin-top: 2px;
    position: absolute;
    background-color: #fff;
    z-index: 200;
	width: 160px;
	line-height: 20px;
}


.language ul li a
{
    color: #000;
text-decoration: none;
}

.language ul li:hover
{
    background-color: #ccc;
}

/* --- latest news default styles */

ul.news-summary
{
	list-style: none;
	list-style-position: outside;
	padding: 0;
	margin: 0;
}

ul.news-summary li div
{
	padding: 0;
	margin: 0;
    padding-bottom: 2px;
}

ul.news-summary li div div.news-thumb 
{
	float: left;
	margin-right: 5px;
}


ul.news-summary li div.title
{
	font-weight: bold;	
	line-height: 1em;
}

ul.news-summary li div.info
{
    font-weight: normal;
    line-height: 0.7em;
    margin-left: 2em;
}


ul.news-summary li div.summary
{
	font-size: .9em;
}

ul.news-summary li a
{
	text-decoration: none;
	height: auto;
	line-height: normal;
}

ul.news-summary li a.readmore
{
	font-weight: bold;
    float: right;
}

ul.news-summary li a:hover
{
	text-decoration: underline;
}


/* Google Weather Control */

.google-weather
{
}

.google-weather .summary
{

}

.google-weather .item
{
	line-height: 1em;
    margin-left: 2px;
    margin-right: 2px;
    float: left;
    height: 175px;
    width: 120px;
    overflow: hidden;
}

.google-weather .item .details
{
    font-size: .8em;
    text-align: center;
}

.google-weather .item .details .day
{
    font-weight: bold;
}

.google-weather .item .details .outlook
{
}

.google-weather .item .details .temps
{
}


/* ----------- Comments */

.comments 
{
    border-top: solid 1px #cccccc;
    padding-top: 10px;
}

.comments .add-comment-button
{
}

.comments .add-comment-button .display-link
{
    font-weight: bold;
    cursor: pointer;
}

.comments .add-comment-button .display-link:hover
{
    text-decoration: underline;
}

.comments .post-comment
{
	display: none;
	width: 95%;
	border: solid 1px #cccccc;
    padding: 5px;
    margin-bottom: 2px;
    background-color: #eeeeee;
    color: #000000;
}

.comments .unverified-comments
{
	background-color: #cccccc;
	border: solid 1px #000000;
	color: #000000;
	padding: 10px;
}

.comments .verified-comments
{
}

.comments .unverified-comments .item
{
    border-top: dashed 1px #000000;
    padding-top: 2px;
    padding-bottom: 10px;
}

.comments .unverified-comments .item .comment
{

}

.comments .unverified-comments .item .details
{
    font-size: .9em;
    margin-bottom: 5px;
}

.comments .unverified-comments .item .details span.dateposted
{
    margin-right: 1em;
}

.comments .unverified-comments .item .details span.author
{
	font-weight: bold;	
}

.comments .verified-comments .item, .comments .verified-comments .item-alternate
{
    border-top: dashed 1px #ccc;
    padding-top: 2px;
    padding-bottom: 2px;
}

.comments .verified-comments .item .comment, .comments .verified-comments .item-alternate .comment
{
    margin-bottom: 1em;
}

.comments .verified-comments .item .details, .comments .verified-comments .item-alternate .details
{
    font-size: .9em;
    margin-top: 5px;
}

.comments .verified-comments .item .details span.dateposted, .comments .verified-comments .item-alternate .details span.dateposted
{
	color: #999999;
    margin-right: 1em;
}

.comments .verified-comments .item .details span.author, .comments .verified-comments .item-alternate .details span.author
{
	color: #999999;
    font-weight: bold;
}

/* -- Form Builder */

.formbuilder 
{
    margin-top: 20px;
}

.formbuilder .form-ui {
    margin-top: 5px;
}

.formbuilder .form-ui .form-field {
    width: 200px;
    float: left;
}

.formbuilder .form-ui .form-control {

}

.formbuilder .form-submit {
    margin-top: 10px;
    text-align: center;
}

.password-strength-weak,
.password-strength-notgood,
.password-strength-good
{
    color: #fff;
    padding: 2px;
    border: solid 1px #fff;
}

.password-strength-weak
{
    background-color: #da1515;
}

.password-strength-notgood
{
    background-color: #333333;
}

.password-strength-good
{
    background-color: #35c938;
}


/* --- Tree View Styles ---*/

#simplefilelist,
.treeview, 
.treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url('WebResource.axd?d=GiXO3hbIA6OTyOCCcGGLAI4KfmHLpD48uVc-dmdQHE3jNyAq9W07f-45nMkB2EE5YUZqpnCLX1l-A0hRr-Bo2fGOFtfg1PrRKCn_424v88M1&t=633862955260000000') -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview li
{ 
    background: url('WebResource.axd?d=GiXO3hbIA6OTyOCCcGGLAI4KfmHLpD48uVc-dmdQHE3jNyAq9W07f-45nMkB2EE5YUZqpnCLX1l-A0hRr-Bo2XpH9_TOKF3aB4fgumjGGE6b9Qlcn9_dtzCv1O8YJMQf0&t=633862955260000000') 0 0 no-repeat; 
}

.treeview li.collapsable, .treeview li.expandable 
{ 
    background-position: 0 -176px;
}

.treeview .expandable-hitarea 
{ 
    background-position: -80px -3px;
}

.treeview li.last 
{ 
    background-position: 0 -1766px;
}

.treeview li.lastCollapsable, 
.treeview li.lastExpandable 
{ 
    background-image: url('WebResource.axd?d=GiXO3hbIA6OTyOCCcGGLAI4KfmHLpD48uVc-dmdQHE3jNyAq9W07f-45nMkB2EE5YUZqpnCLX1l-A0hRr-Bo2fGOFtfg1PrRKCn_424v88M1&t=633862955260000000'); 
}  

.treeview li.lastCollapsable 
{ 
    background-position: 0 -111px; 
}

.treeview li.lastExpandable 
{ 
    background-position: -32px -67px;
}

.treeview div.lastCollapsable-hitarea, 
.treeview div.lastExpandable-hitarea 
{ 
    background-position: 0;
}

.treeview-black li 
{ 
    background-image: url('WebResource.axd?d=GiXO3hbIA6OTyOCCcGGLAI4KfmHLpD48uVc-dmdQHE3jNyAq9W07f-45nMkB2EE5YUZqpnCLX1l-A0hRr-Bo2efpByMfRPkUc2P4NmB0uRVk7UzbNP6jDgy-z3BESY1m0&t=633862955260000000'); 
}

.treeview-black .hitarea, 
.treeview-black li.lastCollapsable, 
.treeview-black li.lastExpandable 
{ 
    background-image: url('WebResource.axd?d=GiXO3hbIA6OTyOCCcGGLAI4KfmHLpD48uVc-dmdQHE3jNyAq9W07f-45nMkB2EE5YUZqpnCLX1l-A0hRr-Bo2U6rT2WsPcJsFDSAXkrdp3Y1&t=633862955260000000'); 
}  

.treeview-gray li 
{ 
    background-image: url('WebResource.axd?d=GiXO3hbIA6OTyOCCcGGLAI4KfmHLpD48uVc-dmdQHE3jNyAq9W07f-45nMkB2EE5YUZqpnCLX1l-A0hRr-Bo2dF_SkMxifLtB0zXUAfE8yDHJrTrtCuqsmTnzP1Qdlvp0&t=633862955260000000'); 
}

.treeview-gray .hitarea, 
.treeview-gray li.lastCollapsable, 
.treeview-gray li.lastExpandable 
{ 
    background-image: url('WebResource.axd?d=GiXO3hbIA6OTyOCCcGGLAI4KfmHLpD48uVc-dmdQHE3jNyAq9W07f-45nMkB2EE5YUZqpnCLX1l-A0hRr-Bo2fFsGvdDYPImuF-cVKxgGL81&t=633862955260000000'); 
} 

.filetree li 
{ 
    padding: 3px 0 2px 16px;
}

.filetree span.folder,
.filetree span.file 
{ 
     padding: 1px 0 1px 16px; display: block; 
     height: 16px;
}

.filetree span.folder 
{ 
    background: url('WebResource.axd?d=GiXO3hbIA6OTyOCCcGGLAI4KfmHLpD48uVc-dmdQHE3jNyAq9W07f-45nMkB2EE5G52L1xIQHPwOj0vlHVu--nHGGUn1a6XNMDhhJcMnGF81&t=633862955260000000') 0 0 no-repeat; 
}

.filetree li.expandable span.folder 
{ 
    background: url('WebResource.axd?d=GiXO3hbIA6OTyOCCcGGLAI4KfmHLpD48uVc-dmdQHE3jNyAq9W07f-45nMkB2EE5G52L1xIQHPwOj0vlHVu--uFj6vwVJH4BADXaoXI8Og81&t=633862955260000000') 0 0 no-repeat; 
}

.filetree span.file 
{ 
    background: url('WebResource.axd?d=GiXO3hbIA6OTyOCCcGGLAI4KfmHLpD48uVc-dmdQHE3jNyAq9W07f-45nMkB2EE5b3xqQllY_tFegyB6clPmnGjNVwiDZ3ztLz_fMyVNsSI1&t=633862955260000000') 0 0 no-repeat;  
}

.filetree .li span div 
{ 
    float: left; 
}

.filetree li span.file div 
{ 
    width: 200px; 
    float: left; 
}

.filetree li span.file  {  }

.filetree li span.file div.filepreview
{
    position: absolute;
    display: block;
    overflow: hidden;
    width: 300px;
    height: 300px;
    background-color: transparent;
}
 
.filetree li span.file div.file,
.filetree li span.file div.filesize, 
.filetree li span.file div.notes
{
    color: #444;
}

.filetree li a.file-select
{
    width: 580px;
    text-decoration: none;
    display: block;
}

.filetree li span.file div.file
{
    margin-left: 5px;
}

.filetree li span.file div.file,
.filetree li span.file div.notes
{
    width: 250px;
}

.filetree li span.file div.filesize
{
    width: 50px;
}

.filetree li span.file
{
    clear: both;
}

.filetree li span
{
    border: solid 1px transparent;
}

.treeview .hover,
.filetree .file-select:hover
{
    background-color: #98b7f8;
    cursor: pointer;
}