﻿/*
** 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=634128108515144919&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: 350px;	
}

.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=634128108515144919');   
    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=634128108515144919');   
    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: 55px;
	padding-left: 40px;
	background-color: #eeeeee;
	margin-bottom: 10px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc; 
}

.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=634128108515144919') -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=634128108515144919') 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=634128108515144919'); 
}  

.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=634128108515144919'); 
}

.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=634128108515144919'); 
}  

.treeview-gray li 
{ 
    background-image: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zlDu-ZnlzE8xjI3zA2krh1yQTzu2bfsFa6OZAMMO--g8tOm3EqWClCW7OJtbkt5dK0&t=634128108515144919'); 
}

.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=634128108515144919'); 
} 

.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=634128108515144919') 0 0 no-repeat; 
}

.filetree li.expandable span.folder 
{ 
    background: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zwTjGLW97CSjZDLLm6baychENOsPOrWt0_vJ4NmmvFRw1&t=634128108515144919') 0 0 no-repeat; 
}

.filetree span.file 
{ 
    background: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zVjrgtyWRR1UazOMoW6hZLVQs-DN7Evbt6Yw_RKvZLB81&t=634128108515144919') 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 
{
    margin: 0;
    margin-bottom: 1px;
}

.sparkwidget .sparkwidget-panel
{

}

.sparkwidget .sparkwidget-header
{
    background-image: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3z5giFBDEXwi1iscBuGMERwh2dUg1Jk2jN_iinwe598sE1&t=634128108515144919');
    background-repeat: no-repeat;
    background-position: right;
    height: 22px;
    color: #555;
	font-size: 10px;
    line-height: 18px;
    padding-right: 0px;
    margin-right: 0px;
}

/* The inside of the caption - using sliding doors technique */
.sparkwidget div.sparkwidget-header-furniture
{
    background-image: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3z5giFBDEXwi1iscBuGMERwqN58v50Y5ys1OW4HIrBxMY1&t=634128108515144919');
    background-repeat: no-repeat;
    background-position: left;    
    height: 22px;
}

.sparkwidget .sparkwidget-header span
{
	float: left;
}

.sparkwidget .sparkwidget-header .sparkwidget-collapse
{
    width: 13px;
    height: 15px;
    margin-top: 7px;
    margin-left: 4px;
    margin-right: 3px;
    float: left;
    background-image: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3z5giFBDEXwi1iscBuGMERwthFYI5jpMJgfVg_p6wvCRE1&t=634128108515144919');
	background-repeat: no-repeat;
	cursor: pointer;
}

.sparkwidget .sparkwidget-header .sparkwidget-edit
{
    width: 30px;
    height: 16px;
    float: right;
    margin-right: 2px;
    margin-top: 6px;
    background-image: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3z5giFBDEXwi1iscBuGMERwtDCfX6mICv_hHbmr_ENnx41&t=634128108515144919');
    background-repeat: no-repeat;
    cursor: pointer;
}

.sparkwidget .sparkwidget-header .sparkwidget-delete
{
    width: 14px;
    height: 16px;
    float: right;
    margin-top: 6px;
    background-image: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3z5giFBDEXwi1iscBuGMERwv8d4CLxLCbLImWd0c8O4n01&t=634128108515144919');
    background-repeat: no-repeat;
	cursor: pointer;
    margin-right: 0px;
}

.sparkwidget .sparkwidget-holder
{
    margin-right: 0px;

    background-color: #fff;
}



/* -- SPARK Widgets Selector Control -- */

.sparkwidget-selector 
{
    background-color: #555658;
}

.sparkwidget-selector .sparkwidget-selectorhandle
{
    height: 41px;
    background-image: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zPRsj8mc9StCUuzwXQR91UxeeZNL-IL6j-QjMUDnn6U81&t=634128108515144919');
    background-repeat: repeat-x;
}

.sparkwidget-selector .sparkwidget-selectorhandle .sparkwidget-selector-addwidgets
{
    float: left;
    width: 179px;
    height: 25px;
    margin-left: 10px;
    margin-top: 7px;
    background-image: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zPRsj8mc9StCUuzwXQR91U1RXGxrR_GXrERzP6-LCYKQ1&t=634128108515144919');
    cursor: pointer;
}

.sparkwidget-selector .sparkwidget-selectorhandle .sparkwidget-selector-resetwidgets
{
    float: right;
    width: 145px;
    height: 25px;
    margin-right: 10px;
    margin-top: 7px;
    background-image: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zPRsj8mc9StCUuzwXQR91UxaU7mVJNOuImdPhCykZO1c1&t=634128108515144919');
    background-repeat: no-repeat;
    cursor: pointer;
}

.sparkwidget-selector .sparkwidget-selector-widgets
{
    height: 150px;
    background-color: #555658;
}

.sparkwidget-selector .sparkwidget-selector-widgets .sparkwidget-selector-widget
{
    background-image: url('WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zPyqo3kU7T0BD_PEjxjSg9bMtSJ2VwhZBx3KxKyJ1oRE1&t=634128108515144919');
    float: left;
    width: 201px;
    height: 22px;
    margin: 4px;
    cursor: pointer;
    padding-left: 25px;
    padding-top: 3px;
} 

.sparkwidget-droptarget
{
    background-color: #ccc;   
    border: dashed 1px #333;
}


/* Rss Selector */

.rssfeedlink
{
    float:left;
    margin-top:8px;
    margin-right:4px;
}

.rss-selector
{
}

.rss-selector .RSSicon
{
    float: left;
}

.rss-selector .RSScaption
{
    float: left;
    margin-left:4px;
}


/* SOCIAL Profiles */

.profile
{
    float:left;
    width:100%;
}

.profile-details
{
    float:left;
    width:55%;
}

.profile-details-view, .profile-details-edit
{
    float:left;
    width:100%;
}

.profile-photo 
{
    float:left;
    width:35%;
}

.profile-photo-image
{
    clear:both;
}

.profile-photo-image-link
{
}

.profile-photo-image-cntrl
{
}


/* SOCIAL - Connections  */

.social-my-connections
{
    float:left;
    text-align:left;
}


/* Directory */

.directory-search
{
}

.directory-results-item
{
    border-bottom:1px dashed #cccccc;
    float:left;
    margin-bottom:10px;
    margin-right:30px;
    overflow:hidden;
    padding-bottom:10px;
    width:325px;
}

.directory-results-item-photo
{
    float:left;
    margin-right:10px;
}

.directory-results-item-details-field
{
    float:left;
    width:200px;
}


/* Control Item Categories (nested checkboxes in UL)  */

ul.control-categories
{
    margin-left:4px;
    padding:0px;
}

ul.control-categories li
{
    list-style-type:none;
}

ul.control-categories ul
{
    margin:0px;
    padding-bottom:4px;
    padding-left:20px;
}


/* Accordion Control */

.category-list { display:block; margin:0px; padding:0px; cursor:pointer; }
.category-list * { margin:0px; padding:0px; }
.category-list li { display:block; list-style-type:none; padding:3px; }
.category-list a { padding:3px; margin-right:2px; }
.category-list ul { margin-left:10px; }
.category-list-caption {  }
.category-list-expander { background-image:url(WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zoPAS6RannaoVOV52MTPHVag611sg7azUcczzi0HjsfM1&t=634128108515144919); background-position:left, bottom; background-repeat:no-repeat; }
.category-list-expander-open { background-image:url(WebResource.axd?d=UcSAfhHliCqfy2a6JK_rX-WXK8qcbjlJspK7h7FeBZVLjlS_1_17CSPY30vM_Q3zqSs_MuAvgfyG--4BWY_7LgwSHFd_QkUvXcGxB5KE3L81&t=634128108515144919); background-position:left, bottom; background-repeat:no-repeat; }


/* Category DropDown */

.category-dropdown-wrap { float:left; width:300px; }
.category-dropdown-caption { float:left; width:150px; }
.category-dropdown-control { float:left; width:150px; }
.category-dropdown-dropdown { width:150px; }


/* Photo Album Control */

.album-outerwrap { padding-bottom:10px; }
.album-container { clear:both; text-align:left; }
.album-innerwrap { float:left; margin:0px 2px 2px 0px; text-align:left; }
.album-cover { text-align:left; }
.album-info { text-align:left; }
.album-info-title { font-size:smaller; font-weight:bold; text-align:left; }
.album-info-copy { font-size:smaller; text-align:left; }
.album-info-copy img { float:left; margin-right:2px; }
.album-photo { text-align:left; }


/* Album Selector Control */

.album-select-outerwrap { }
.album-select-item { float:left; margin:4px;  }
.album-select-cover { float:left; width:54px; text-align:left; }
.album-select-cover-photo { margin-bottom:10px; float:left; width:50px; }
.album-select-info { float:left; width:146px; text-align:left; }
.album-select-info div { clear:both; }


/* Social: Comments Control */

.comments-outerwrap { width:450px; margin:auto; }
.comments-innerwrap { background-color:#eeeeee; margin-bottom:2px; padding:8px; }
.comments-editwrap { margin-top:4px; }
.comments-author { font-size:smaller; font-weight:bold; }
.comments-date { font-size:smaller; }
.comments-content { font-size:smaller; margin-top:4px; }
.comments-editwrap {  }
.comments-textarea { width:450px; }
.comments-buttons { text-align:right; margin-top:4px; }


/* Social: Messaging Controls */

.messages-grid { border:1px solid #ccccc; border-collapse:collapse; width:100%; }
.messages-tr-read { border-bottom:1px solid #ccccc; color:#999999;  }
.messages-tr-unread { border-bottom:1px solid #ccccc; color:#000000; font-weight:bold; }








/* SPARK Commerce Styles */

.product-searchresults .product-view
{
    float: left;
}

.product-view
{
    width: 200px;
    height: 250px;
    margin-right: 5px;
}

.product-view .product-title
{
    font-weight: bold;
    margin-bottom: 0.7em;
    height: 2em;
}

.product-view .product-image
{
    text-align: center;
    background-color: #fff;
    border: solid 1px #aaa;    
    margin-bottom: .5em;
}

.product-view .product-summary
{
    height: 4em;
}

.product-view .product-pricedetail .price
{
    font-weight: bold;
}


/* Basket Control */

.basket
{
    border: solid;
}

.basket-status
{

    display: block;
}

.basket-detail
{
    height: auto;
    display: block;
    position: absolute;
    background-color: #efd1af;
    border: solid 1px #902021;
    margin-top: 2px;
}

.basket-summary
{
    margin: 5px;
    border-bottom: dashed 1px #999;
}

.basket-summary .basket-item
{
    margin-bottom: 2em;
}

.basket-summary .basket-item .product-code 
{
    
}

.basket-summary .basket-item .product-unitprice 
{
    float: left;
    width: 5em;
}


.basket-summary .basket-item .product-quantity
{
    float: left;
    width: 3em;
}

.basket-summary .basket-item .product-total
{
    font-weight: bold;
    float: left;
}

.basket-summary .basket-item .product-remove
{
    float: right;    
}

.basket-summary .basket-totals
{

}

.basket-summary .basket-totals .product-totalpricetext
{
    float: left;
    width: 8em;
}

.basket-summary .basket-totals .product-totalprice
{
    font-weight: bold;
    float: left;
}
