﻿/*
** 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=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZUt0dicASou3uIMLNjvtNPOQJCNVdwU_szb12CSiycLLrb1ylrgtRUjJ16eaIT4gIk1&t=633910497140000000&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=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zpsinuvziGYB8zIIl-PvsHzExtsdQQLxiWGXmKF92lU01&t=633910497140000000');   
    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=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zW24xBtJdDo3ioxOVsrFtPQF_avB6lDL8L_RIeZHq_7Q1&t=633910497140000000');   
    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=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zlDu-ZnlzE8xjI3zA2krh1wtGpvASAFmE8ehBwHbKV-M1&t=633910497140000000') -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=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zlDu-ZnlzE8xjI3zA2krh13fHrXih42MzrSZ_hCOfsA625y2g7r1GOPAFy7lRQI010&t=633910497140000000') 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=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zlDu-ZnlzE8xjI3zA2krh1wtGpvASAFmE8ehBwHbKV-M1&t=633910497140000000'); 
}  

.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=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zlDu-ZnlzE8xjI3zA2krh1xYog-BBlVh3Xm9AN27WJ4U78fS_AvRxA4noUM76LzQg0&t=633910497140000000'); 
}

.treeview-black .hitarea, 
.treeview-black li.lastCollapsable, 
.treeview-black li.lastExpandable 
{ 
    background-image: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zlDu-ZnlzE8xjI3zA2krh18gRCdYzoiEKx859-T6iGQw1&t=633910497140000000'); 
}  

.treeview-gray li 
{ 
    background-image: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zlDu-ZnlzE8xjI3zA2krh1yQTzu2bfsFa6OZAMMO--g8tOm3EqWClCW7OJtbkt5dK0&t=633910497140000000'); 
}

.treeview-gray .hitarea, 
.treeview-gray li.lastCollapsable, 
.treeview-gray li.lastExpandable 
{ 
    background-image: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zlDu-ZnlzE8xjI3zA2krh183842Hbi2ZhR-0QBpdrWqI1&t=633910497140000000'); 
} 

.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=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zwTjGLW97CSjZDLLm6baycpn7-Jgr2dLxZHczNj0zcng1&t=633910497140000000') 0 0 no-repeat; 
}

.filetree li.expandable span.folder 
{ 
    background: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zwTjGLW97CSjZDLLm6baychENOsPOrWt0_vJ4NmmvFRw1&t=633910497140000000') 0 0 no-repeat; 
}

.filetree span.file 
{ 
    background: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zVjrgtyWRR1UazOMoW6hZLVQs-DN7Evbt6Yw_RKvZLB81&t=633910497140000000') 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;
}


/* -- SPARK Widgets -- */

.sparkwidget 
{
}

.sparkwidget .sparkwidget-panel
{
}

.sparkwidget .sparkwidget-header
{
}

.sparkwidget .sparkwidget-header .sparkwidget-header-controls
{
}

.sparkwidget .sparkwidget-header .sparkwidget-header-controls .sparkwidget-heading
{
}

.sparkwidget .sparkwidget-header .sparkwidget-header-controls .sparkwidget-collapse
{
}

.sparkwidget .sparkwidget-header .sparkwidget-header-controls .sparkwidget-edit
{
}

.sparkwidget .sparkwidget-header .sparkwidget-header-controls .sparkwidget-delete
{
}

.sparkwidget .sparkwidget-holder
{
}


/* -- SPARK Widgets Selector Control -- */

.sparkwidget-selector 
{
}

.sparkwidget-selector .sparkwidget-selectorhandle
{
}

.sparkwidget-selector .sparkwidget-selectorhandle .sparkwidget-selector-addwidgets
{
}

.sparkwidget-selector .sparkwidget-selectorhandle .sparkwidget-selector-resetwidgets
{
}

.sparkwidget-selector .sparkwidget-selector-widgets
{
}

.sparkwidget-selector .sparkwidget-selector-widgets .sparkwidget-selector-widget
{
    
} 

