/* BASE */

html, body { margin:0; padding:0; height:100%; min-height: 100%; width: 100%; background-color: #C4DAFA; font-family: Segoe UI, Arial; font-size: 11px; color: black; }
a { color: black; text-decoration: underline; }
a:hover { color: black; text-decoration: none; }				
td { vertical-align: top; font-size: 11px; }
ol, ul { margin: 15px; }
li { margin-left: 15px; }
.clear { clear: both; }


/* POSITIONING */

#outer
{
	height: 100%;
	width: 100%;
	position: absolute;
	background-color: #bedafe;
	font-family: Segoe UI, Arial;
	font-size: 11px;
	color: black;
}

#main
{
	position: absolute;
	width: 1021px;
	height: 100%;
	min-height:100%;
}

#header{
	height: 50px;
	font-size: 31px;
	font-weight: bold;
}

#header_container
{
	width: 100%;
	height: 45px;
	background-color: White;
	border-bottom: 1px solid #6593cf;
	border-right: 1px solid #6593cf;
}

#header_container .webpoint
{
	float: left;
	width: 250px;
	height: 44px;
	background-image: url(images/sotaq_webpoint_cms.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#header_container .logo
{
	float: left;
	height: 100%;
	width: 52px;
	background-image: url(images/sotaq_logo.jpg);
	background-repeat: no-repeat;
	background-position: 12px 3px;
}

#header_container .name
{
	float: left;
	height: 100%;
	width: 200px;
	background-image: url(images/sotaq_name.jpg);
	background-repeat: no-repeat;
	background-position: 16px 5px;
}

#header_controls
{
	float: left;
	border: 0px solid #ff9900;
	width: auto;
	margin-left: 3px;
}
html>body #header_controls
{
	margin-left: 6px;	
}

#header_controls .website_selector td
{
	padding-right: 25px;
}

#header_controls .website_selector .label
{
	height: 14px;
	line-height: 14px;
	display:block;
	font-size: 12px;	
	font-weight: bold;
}
html>body #header_controls .website_selector .label{	/* FF normal style value */
	margin: 2px 0px 2px 0px;
}

#header_controls .logout
{
	position: absolute;
	right: 10px;
	top: 25px;
	width: 50px;
}

#header_controls .logout a
{
	float: left;
	font-size: 11px;
	color: #6593cf;
	text-decoration: underline;
}

#header_controls .logout a:hover
{
	text-decoration: none;
}

#header_controls .adminlanguages
{
	position: absolute;
	padding: 0px;
	margin: 0px;
	right: 10px;
	top: 3px;
	width: 50px;
	height: 20px;
	vertical-align: top;
}
 
#header_controls .adminlanguages .adminlanguage
{
	float: left;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 16px;
	margin-right: 8px;
}



#footer
{
	width: 240px;
}

#footer_inner
{
	margin-left:10px; margin-top:10px;
}

#left
{
    float:left;
	width: auto;
}
#left_inner
{
	width: 250px;
	background-color: white;
	border-top: 1px solid #6593cf;
	border-right: 1px solid #6593cf;
	border-bottom: 1px solid #6593cf;
	position: relative;
}

#content
{
    position:absolute;
    top: 50px;
    left: 255px;
	width: 765px;
	margin-bottom: 10px;
}

#content_inner
{
	width: 100%;
	min-height: 450px;
	background-color: white;
	border: 1px solid #6593cf;
	padding-bottom:10px;
}

#toolbar_holder, .toolbar_container
{
                width: 100%;
                height: 40px;
                background-image: url(images/toolbarBgH.gif);
                background-repeat: repeat-x;
                background-position: bottom left;
                background-color:#C8DBEE;
}

/* IE */
* html #toolbar_holder,
* html .toolbar_container{
                height: 36px;
                background-image: url(images/toolbarBgH_IE.gif);
}


#workspace
{
	padding: 7px;
	width: auto;
	height: auto;
	border: 0px double #ff9900;
}


/* STYLES */

.darkblue_header
{
	width: 100%;
	padding: 0xp;
	height: 24px;
	line-height: 24px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-indent: 4px;
	background-image: url(images/darkblue_header_background.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

.darkblue_header a
{
	color: #ffffff;
	text-decoration: none;
}

.darkblue_header a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.panel 
{
	display: block;
	width: 100%;
	background-image: url(images/lightblue_header_background.gif);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: 1px solid #6593cf;
	background-color: #e3efff;
	text-indent: 0px;
	padding: 4px 3px 4px 10px;	
	line-height: 21px;
	font-size: 12px;
	font-weight: bold;
	color: #204d89;
	text-decoration: none;	
}
html>body .panel 	/* FF fix */
{
	width: 237px;	/* 250 - pad3 - pad10*/
}

.panel:hover
{
	text-decoration: underline;
}

.panel_active
{
	display: block;
	width: 100%;
	background-image: url(images/orange_header_background.gif);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: 1px solid #6593cf;
	border-bottom: 1px solid #6593cf;
	background-color: #ffab3f;
	text-indent: 0px;
	padding: 4px 3px 4px 10px;	
	line-height: 21px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;	}
html>body .panel_active	/* FF fix */
{
	width: 237px;	/* 250 - pad3 - pad10*/
}
.panel_active:hover
{
	text-decoration: underline;
}


.panel_active_contents
{
	width: 100%;
}	

.tree_node_selected a
{
	background-color: #a4c4ef;
	padding: 2px;
	padding-bottom: 1px;
}

.tree_node a
{
	padding-left: 2px;
}

.TreeNodeDisabled
{
	font-style: italic;
}



/* CMS LIST */


.cms_list
{
	width: 95%;
	border: 1px solid #002d96;
}

.cms_list th
{
	cursor: default;
	border: 0px;
	padding-left: 4px;
	padding-right: 4px;
	height: 30px;
	background-image: url(images/toolbarBgH.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	border-bottom: 1px solid #002d96;
	font-size: 12px;
	text-align: left;
}

.cms_list tr
{
	height: 21px;
	background-color: White;
	cursor: hand;
}

.cms_list tr.alternate
{
	background-color: #dcebfe;
}

.cms_list tr.selected
{
	background-color: #83aae3;
}

.cms_list tr.hover
{
	background-color: #a4c4ef;
}

.cms_list td
{
	border: 0px;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
	border-bottom: 1px solid #c4dafa;
}

.cms_list .paging
{
	cursor: default;
	height: 21px;
}

.cms_list .paging td
{
	background-color: #c4dafa;
	font-weight: bold;
	text-align: right;
}

.cms_list .inv_select
{
	display: none;
}


/* CMS EDIT */

.cms_edit
{
	width: 750px;
	border-top: 1px solid #c4dafa;
	border-left: 1px solid #c4dafa;
	border-right: 1px solid #c4dafa;
}

.cms_edit .label
{
	padding-top: 1px;
}

.cms_edit .compact .label
{
	padding-right: 10px;
}

.cms_edit .compact .control
{
	padding-right: 10px;
}

.cms_edit .field_title
{
	display: block;
	font-weight: bold;
}

.cms_edit .normal
{
	padding: 5px;
	border-bottom: 1px solid #c4dafa;
	background-color: #dcebfe;
}

.cms_edit .alternate
{
	padding: 5px;
	border-bottom: 1px solid #c4dafa;
}

.cms_edit .field_container
{
	width: 725px;
}

.cms_edit .compact
{
	width: 240px;
}

.cms_edit .field_container td
{
}

.cms_edit .field_container .w150
{
	width: 150px;
	font-weight: bold;
}

.cms_edit .h30
{
	height: 30px;
}

.cms_edit .h60
{
	height: 60px;
}

.cms_edit .left150
{
	float: left;
	width: 150px;
	font-weight: bold;
}

.cms_edit .left400
{
	float: left;
	width: 400px;
}

.cms_edit .field_textbox
{
	width: 550px;
}

.cms_edit .compact .field_textbox
{
	width: 130px;
	background-color: #ebf4ff;
	border: 1px solid #043994;
	height: 22px;
	padding-top: 2px;
	padding-left: 3px;
}

.cms_edit .field_dropdownlist
{
	width: 550px;
}

.cms_edit .compact .field_dropdownlist
{
	width: 130px;
}

.cms_edit .field_memo
{
	width: 550px;
	height: 150px;
	font-family: Segoe UI, Arial;
	font-size: 12px;
}

.cms_edit .field_memo.large {
	width: 720px;
	height: 550px;
	white-space: nowrap;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
}

.cms_edit .compact .field_memo
{
	width: 130px;
}

.cms_edit .field_checkboxlist
{
}

.cms_edit .field_radiobuttonlist
{
}

.cms_edit .field_listbox
{
	width: 550px;
	height: 150px;
}

div.messages ul
{
	color: red;
	font-weight: bold;
	margin-bottom :25px;
}



/* SITELINK SELECTOR */

.sitelinkselector_type_panel
{
	width: 600px;
	border: 1px solid #002d96;
	padding: 10px;
	margin-top: 0px;
	background-color: #dcebfe;
}
html>body .sitelinkselector_type_panel{	/* FF only */
	width: 580px; /* 600 - 10 - 10 padding */
} 

.sitelinkselector_panel
{
	width: 600px;
	border: 1px solid #002d96;
	padding: 10px;
	margin-top: -1px;
}
html>body .sitelinkselector_panel{	/* FF only */
	width: 580px; /* 600 - 10 - 10 padding */
} 

.sitelinkselector_panel_title
{
	font-weight: bold;
	display: block;
	margin-bottom: 6px;
}

.sitelinkselector_type
{
	margin-right: 10px;
}

.sitelinkselector_template_panel
{
	width: 600px;
	border: 1px solid #002d96;
	padding: 10px;
	margin-top: -1px;
	background-color: #dcebfe;
}




/* URL SELECTOR */


.url_selector_type
{
	width: 125px;
}

.url_selector_text
{
	margin-left: 10px;
	width: 400px;
}



/* CONTENT SELECTOR */

.content_selector
{
	border: 1px solid #002d96;
}

.content_selector td
{
	padding: 6px;
	border-bottom: 1px solid #002d96;
}

.content_selector tr.row_label
{
	background-color: #dcebfe;
}

.content_selector tr.row_documents
{
	background-color: #dcebfe;
}

.content_selector td.caption
{
	font-weight: bold;
	border-right: 1px solid #002d96;
	width: 125px;
}

.content_selector td.control
{
	width: 400px;
}

.content_selector td.control select
{
	width: 100%;
}



/* CMS WIZARD */

.cmswizard
{
	width: 600px;
	border: 1px solid #002d96;
	margin-top: 15px;
	margin-bottom: 15px;
}

.cmswizard .header
{
	display: block;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-indent: 4px;
	height: 24px;
	line-height: 24px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	background-image: url(images/darkblue_header_background.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

.cmswizard .intro
{
	display: block;
	width: 100%;
	padding: 4px 0px 4px 4px;
	margin: 0px;
	height: 40px;
	background-color: #c4dafa;
	border-bottom: 1px solid #002d96;
}
html>body .cmswizard .intro{	/* FF only */
	width: 596px; /* 600 - 4pad left */
} 


.cmswizard .container
{
	/*padding: 4px; */
	padding-top: 16px;
	padding-bottom: 16px;
	height: auto; /*height: 60px; */
}

.cmswizard .buttons
{
	width: 100%;
	background-image: url(images/lightblue_header_background.gif);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: 1px solid #002d96;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

.cmswizard .buttons .prevbutton
{
	border: 1px solid #002d96;
	background-color: #c4dafa;
	width: 90px;
	height: 20px;
	margin: 4px;
	font-weight: bold;
}

.cmswizard .buttons .nextbutton
{
	border: 1px solid #002d96;
	background-color: #c4dafa;
	width: 90px;
	height: 20px;
	margin: 4px;
	font-weight: bold;
}

.cmswizard .notecontainer
{
	background-color: #ddecfe;
	font-size: 11px;
	color: #5b5b5b;
	font-style: italic;
	padding: 1px;
	text-align: right;
}

.loadingpanel
{
	margin-left: 2px;
	margin-top: 2px;
	background-color: #c4dafa;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
html>body .loadingpanel{	/* FF only */
	margin: 0px;
} 

.loadingimage
{
	margin-top: 30px;
}

.cmswizard .current_selection
{
	font-weight: bold;
	padding: 0px 4px; 
}

.cmswizard .documentselector_selectdocument_table
{
	width: 580px;
}

.cmswizard .documentselector_selectdocument_table .cell_left
{
	width: 60%;
}

.cmswizard .documentselector_selectdocument_table .cell_right
{
	width: 40%;
	overflow: auto;
}

.cmswizard .documentselector_selectdocument_list
{
	width: 100%;
	height: 200px;
	font-size: 11px;
}

.cmswizard .text_template
{
	display: block;
	margin-top: 20px;
}

.cmswizard .select_template
{
	display: block;
	margin-bottom: 15px;
}

.cmswizard .checkbox
{
	display: block;
	margin-top: 10px; 
}

.cmswizard .text_title
{
	display: block;
	font-weight: bold;
}

.cmswizard .edit_title
{
	display: block;
	width: 300px;
	margin-bottom: 20px;
}

.cmswizard .text_location
{
	display: block;
	font-weight: bold;
	margin-bottom: 6px;
}

.cmswizard .urlselector_type
{
	margin-right: 15px;
}




/* FORMS */

.webpoint_form, .webpoint_table
{
	width: 100%;
}

.webpoint_field_text
{
	width: 100%;
}

.webpoint_field_memo
{
	width: 100%;
	height: 60px;
	font-family: Segoe UI, Arial;
	font-size: 12px;
}


.rdCommands
{
	width: 120px !important;
	display: block !important;
	height: 20px !important;
}


.rdTitlebar .rdCommands .rdFormFieldClose
{
	width: 24px !important;
	height: 24px !important;
	cursor: pointer;
	background-image: url(images/delete.gif) !important;
	background-position: 0px -1px;
}

.rdTitlebar .rdCommands .rdFormFieldEdit
{
	width: 24px !important;
	height: 24px !important;
	cursor: pointer;
	background-image: url(images/edit.gif) !important;
	background-position: 0px -1px;
}

.rdTitlebar .rdCommands .rdFormFieldUp
{
	width: 24px !important;
	height: 24px !important;
	cursor: pointer;
	background-image: url(images/arrow_up_green.gif) !important;
	background-position: 0px -2px;
}

.rdTitlebar .rdCommands .rdFormFieldDown
{
	width: 24px !important;
	height: 24px !important;
	cursor: pointer;
	background-image: url(images/arrow_down_green.gif) !important;
}


button.media_selector_button
{
	width: 150px;
	font-size: 10px;
}


div.RadGrid .rgPager .rgAdvPart      
{      
	display:none;         
}       

#RadAjaxPanel1 #content { left:0px; }

.AdvancedSelectionContainer { width:100%; height:230px; position:relative; }
.AdvancedSelectionContainer .SearchTextBox { position:absolute; left:0px; top:0px; width:120px; height:16px; }
.AdvancedSelectionContainer .SearchButton { position:absolute; left:130px; top:0px; width:57px; height:24px; margin-top:-1px; }
.AdvancedSelectionContainer .SearchResultsListBox { position:absolute; left:0px; top:25px; width:50%; height:200px; }
.AdvancedSelectionContainer .SelectedListBox { position:absolute; left:51%; top:25px; width:50%; height:200px; }
.AdvancedSelectionContainer .RadListBox .rlbGroup { height:200px; }
.AdvancedSelectionContainer .RadListBox ul.rlbList li { margin-left:0px; }

/* Following is used in the NewsletterPublication.ascx file  */
#popupwindow h1{  
text-align:left;  
color:#6FA5FD;  
font-size:22px;  
font-weight:700;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;  
} 
#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}
#popupwindow {
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:350px;  
width:408px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:2;  
padding:12px;  
font-size:13px;
}
#popupwindow p {
	font-size: 12px;
	border: blue solid thin;
	margin: 12px;
    padding: 12px; 
}
#popupwindow #popupwindowclose{
	padding-left: 330px;
}