/* Pluggables CSS
 *
 * Various bits used for the Webs theme, can be plugged into just about anywhere
 * 
 * @Author: Ryan McGrath, Daniel McGrath, Dominick Pham
 */

#websover_shadow {
    position: absolute;
    top: 0;
    left: 0;
    background: #333;
    z-index: 8;
    width: 100%;
	opacity: .75;
    filter: alpha(opacity = 75);
    padding: 0 !important;
    margin: 0 !important
}
 
#websover_border {
    position: absolute;
    z-index: 9;
    border: 11px solid #333;
    background-color: #333;
    opacity: .60;
    filter: alpha(opacity = 60);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#inner_websover {
    background-color: #fff;
    position: absolute;
    z-index: 10;
    font-family: "Trebuchet MS", arial, sans-serif;
}

#websover_header {
    font-size: 14px;
    background-color: #558ccc !important;
    color: #fff !important;
    border-bottom: 1px solid #71a5d8 !important;
    padding: 5px 10px !important;
    position: relative !important;
    height: 14px;
    text-align: left;
}

#websover_close {
    display: block;
    height: 16px !important;
    width: 44px;
    background: transparent url('../../icons/websover/websover_close.gif') no-repeat 100% 0px;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    position: absolute;
    right: 12px;
    top: 7px;
}

#websover_close:hover { text-decoration: underline; }

#websover_iframe_container {
    width: 100%;
    border: 0px;
    border-top: 1px solid #558ccc;
	background: #fff url('../../icons/loading/revolving_loader_slim.gif') no-repeat 50% 50%;
}

#popoverIframe { overflow: hidden; }

#websover_iframe_container iframe, #popoverIframe {
	border: 0 none !important;
	width: 100%;
}

iframe.overflowVisible { overflow: visible; }
iframe.overflowHidden { overflow: hidden; }

/* Popover content styles - reset fonts, etc */
.websover_content {
    font: normal 62.5%/1 "Trebuchet MS", arial, sans-serif;
    margin: 0;
    padding: 0;
    color: #666;
    background-color: #f2f2f2;
}

#websover_title { font-weight: bold; }

.websover_content .contentblock {
    background: #fff;
    margin: 0;
    padding: 10px 10px 0 10px;
}

.websover_content h1 { 
    color: #558CCC;
    font-size: 1.4em;
    line-height: 1.6em;
    font-weight: bold;
}

.websover_content p {
    font-size: 1.2em;
    line-height: 1.4em;
    margin: 0;
    padding: 0 0 20px 0;
}

.websover_content a, .websover_content a:visited { color: #519be0; text-decoration: none; }
.websover_content a:hover { text-decoration: underline; }

.websover_content .grey_bar {
    border-top: 1px solid #d6d6d6;
    background-color: #f2f2f2;
    padding: 4px 0;
    text-align: center;
}

.popover_paragraph label, .popover_paragraph #message_to {
    font-weight: bold;
    float: left;
    width: 50px;
    padding: 0 10px 0 0;
    text-align: right;
}

.popover_paragraph {
    width: 100% !important;
    text-align: left;
    font-size: 12px !important;
}

.popover_paragraph .fw-profile-pic { 
    position: relative;
    top: -1px;
    margin: 0 3px -3px 0;
}

.popover_paragraph input, .popover_paragraph textarea {
    width: 370px;
    padding: 3px;
    border: 1px solid #D6D6D6;
    color: #555555;
}

.popover_paragraph textarea { height: 100px; }
.red_alert { background: #e25f53 url('../../alert_images/red_alert.png') no-repeat bottom right !important; }
.orange_alert { background: #db9341 url('../../alert_images/orange_alert.png') no-repeat bottom right !important; }
.blue_alert { background: #7fb3df url('../../alert_images/blue_alert.png') no-repeat bottom right !important; }
.green_alert { background: #a0be5a url('../../alert_images/green_alert.png') no-repeat bottom right !important; }

/* Small alerts need different backgrounds */
.blue_alert_small { background: #7fb3df url('../../alert_images/blue_alert_small.png') no-repeat bottom right !important; }

/* popover alert */
body.websover_content .red_alert_sm {
	background: #b85445 !important;
	margin: -9px -9px 9px !important;
	text-align: center;
	padding: 1px !important;
}

body.websover_content .red_alert_sm p {
	margin: 0 !important;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	display: inline;
	padding-left: 20px !important;
	background: transparent url('../../icons/silk/exclamation.png') no-repeat top left;
}

#left_content .blue_alert,
#left_content .orange_alert,
#left_content .red_alert,
#left_content .green_alert { width: 530px; }

.blue_alert, .orange_alert, .red_alert, .green_alert {
    padding: 15px 90px 5px 20px !important;
    margin: 0 0 10px 0 !important;
    color: #fff !important;
}

.blue_alert_small {
	padding: 4px 10px 5px;
	color: #fff; 
}

.blue_alert_small p { margin: 0 !important; }

.blue_alert h3, 
.orange_alert h3, 
.red_alert h3,
.green_alert h3 {
    color: #fff !important;
    margin: 0 !important;
    padding: 0 0 3px !important;
    font-size: 1.4em !important;
}

.blue_alert p, 
.orange_alert p, 
.red_alert p,
.green_alert p {
    margin: 0 0 10px 0 !important;
    padding: 0 0 0 0 !important;
    line-height: 18px !important;
}

.blue_alert a, .blue_alert a:visited, 
.orange_alert a, .orange_alert a:visited, 
.red_alert a, .red_alert a:visited,
.green_alert a, .green_alert a:visited,
.blue_alert_small a, .blue_alert_small a:visited {
    color: #fff !important;
    text-decoration: underline;
}

.blue_alert a:hover,
.orange_alert a:hover,
.red_alert a:hover,
.green_alert a:hover {
    color: #ebebeb !important;
}

/* webs_button styling - square, newer ones --- USE THESE */
.webs_button, .webs_button:link, .webs_button:active, .webs_button:visited,
.webs_button_small, .webs_button_small:link, .webs_button_small:active, .webs_button_small:visited {
	white-space: nowrap !important;
    color: #307ace !important;
    font-weight: bold !important;
	display: -moz-inline-box; /* FF2 version of inline-block... */
	display: inline-block;
    width: auto !important;
    font-family: "arial", sans-serif !important;
    font-size: 11.5px !important;
    margin: 0 6px 0 0px !important;
    text-decoration: none !important;
	vertical-align: middle !important;
	cursor: pointer !important;
	padding: 6px 14px 5px;
    background: #e9e9e9 url('../../fwbuttons/fw_button_background.png') repeat-x top left;
    border: 1px solid #cccccc !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

input.webs_button { padding: 3px 14px !important; }
.webs_button_small { padding: 0 13px !important; } 

.webs_button:hover { color: #1d64b6 !important; }
.webs_cancel, .webs_cancel:link, .webs_cancel:active, .webs_cancel:visited, .webs_cancel:hover { color: #636363 !important; }
.webs_button .fw-end { display: none; /* Legacy... -- Ryan */ }

.webs_button_icon {
	padding: 3px 0 0 25px;
	background-position: 0 1px;
	background-repeat: no-repeat;
	background-color: transparent;
}

.webs_button .edit { background-image: url('../../icons/silk/pencil.png'); }
.webs_button .add { background-image: url('../../icons/silk/add.png'); }
.webs_button .delete { background-image: url('../../icons/silk/delete.png'); }   

/* IE6 compat... */

* html .webs_button .edit { background-image: url('../../../projects/members/images/sitemanager/edit_site.gif'); }
* html .webs_button .delete { background-image: url('../../../projects/members/images/sitemanager/delete_page.gif'); }
* html .webs_button .add { background-image: url('../../icons/silk/add.gif'); }