﻿/* background color for the content part of the pages */
Body
{
    background-color: white;
    margin: 0px;
}

.ControlPanel, .PagingTable
{
    width: 100%;
    background-color: #FFFFFF;
    border-right: #003366 1px solid;
    border-top: #003366 1px solid;
    border-left: #003366 1px solid;
    border-bottom: #003366 1px solid;
}

.SkinObject
{
    font-weight: bold;
    font-size: 8.5pt;
    color: #003366;
    /*font-family: Tahoma, Arial, Helvetica;*/
    text-decoration: none;
}

A.SkinObject:link
{
    text-decoration: none;
    color: #003366;
}

A.SkinObject:visited
{
    text-decoration: none;
    color: #003366;
}

A.SkinObject:hover
{
    text-decoration: none;
    color: #003366;
}

A.SkinObject:active
{
    text-decoration: none;
    color: #003366;
}

/* styles for LANGUAGE skinobject */
.Language
{
    vertical-align: middle;
    margin: 0px;
}

.Language img
{
    border: none;
}


/* style for module titles */
.Head
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 20px;
    font-weight: normal;
    color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: bold;
    color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled, .Normal td
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: normal;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
    color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: bold;
}

/* text style used for error messages */
.NormalRed
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
}

/* text style used when rendered text should appear in a smaller font */
.NormalSmall
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 10px;
    font-weight: normal;
}
/* text style used when rendered text should appear in a larger font */
.NormalBig
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 14px;
}


/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 12px;
    font-weight: normal;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
    background-color: White;
    color: Red;
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_Container
{
    background-color: Transparent;
}
.DataGrid_Footer
{
    background-color: White;
}
.DataGrid_Header
{
    background-color: Transparent;
    color: Black;
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.DataGrid_Item
{
    background-color: Transparent;
    color: Black;
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_SelectedItem
{
    background-color: Silver;
    color: Blue;
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 10px;
    font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 12px;
    font-weight: normal;
}

.TreeMenu_NodeSelected
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 12px;
    font-weight: normal;
    background-color: #dcdcdc;
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link
{
    text-decoration: none;
    color: #003366;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited
{
    text-decoration: none;
    color: #003366;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover
{
    text-decoration: none;
    color: #ff0000;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active
{
    text-decoration: none;
    color: #003366;
}

/*styles used in RadPanelBar*/
.panelbar
{
    text-align:left;
}

/* styles used in the FileManager */
.FileManager
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    height: 400px;
}
.FileManager_ToolBar
{
    border-bottom: black 1px solid;
    height: 25px;
}
.FileManager_Explorer
{
    height: 100%;
    border: #696969 1px solid;
    background-color: White;
    margin: 2px 2px 2px 2px;
}

.FileManager_FileList
{
    height: 100%;
    border: #696969 1px solid;
    background-color: White;
    margin: 2px 2px 2px 2px;
    overflow: auto;
}

.FileManager_MessageBox
{
    text-align: center;
    vertical-align: middle;
    background-color: White;
    padding: 25px 25px 25px 25px;
}

.FileManager_Header
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: bold;
    color: #E7E7FF;
    background-color: #9EBFF6;
    border-bottom: #696969 1px solid;
    height: 25px;
}

.FileManager_Pager
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: bold;
    background-color: #EEEEEE;
    border-top: #696969 1px solid;
    height: 25px;
}

.FileManager_StatusBar
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: normal;
    background-color: #dedfde;
    height: 25px;
    margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #F8F8F8;
    border-top: black 1px dashed;
    border-bottom: black 1px dashed;
}

.FileManager_AltItem
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #EEEEEE;
    border-style: none;
}
.FileManager_SelItem
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: bold;
    color: White;
    background-color: #99ffff;
    border-style: none;
}

.FileManagerTreeNode
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: normal;
}

.FileManagerTreeNodeSelected
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: normal;
    background-color: #dcdcdc;
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link
{
    text-decoration: none;
    color: #003366;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited
{
    text-decoration: none;
    color: #003366;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover
{
    text-decoration: none;
    color: #ff0000;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active
{
    text-decoration: none;
    color: #003366;
}

/* styles used in the Wizard Framework */
.Wizard
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    height: 400px;
    width: 650px;
}
.WizardButton
{
    border-right: #696969 1px solid;
    padding-right: 2px;
    border-top: #696969 1px solid;
    padding-left: 2px;
    padding-bottom: 2px;
    border-left: #696969 1px solid;
    padding-top: 2px;
    border-bottom: #696969 1px solid;
    background-color: #dcdcdc;
}
.WizardHeader
{
    background: #ffffcc;
    border-bottom: black 1px solid;
    height: 40px;
}
.WizardFooter
{
    border-top: black 1px solid;
    background: #ccffcc;
    height: 25px;
    text-align: right;
}
.WizardBody
{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    height: 325px;
}
.WizardHelp
{
    padding-right: 5px;
    padding-left: 5px;
    font-size: 9pt;
    padding-bottom: 5px;
    border-left: black 1px solid;
    width: 180px;
    padding-top: 5px;
    background-color: #ccffff;
}
.WizardHelpText
{
    overflow: auto;
    font-size: 8pt;
    width: 180px;
    color: black;
    /*font-family: Tahoma, Verdana, Arial, Sans-Serif;*/
    height: 300px;
}
.WizardText
{
    font-size: 9pt;
    color: black;
    /*font-family: Tahoma, Verdana, Arial, Sans-Serif;*/
}


/* text style used for help text rendered by modules */
.Help
{
    border-right: black 1px solid;
    padding-right: 2px;
    border-top: black 1px solid;
    padding-left: 2px;
    font-weight: normal;
    font-size: 11px;
    padding-bottom: 2px;
    border-left: black 1px solid;
    color: black;
    padding-top: 2px;
    border-bottom: black 1px solid;
    /*font-family: Tahoma, Arial, Helvetica;*/
    background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
    text-decoration: underline;
    color: #003366;
}

A.CommandButton:visited
{
    text-decoration: underline;
    color: #003366;
}

A.CommandButton:hover
{
    text-decoration: underline;
    color: #ff0000;
}

A.CommandButton:active
{
    text-decoration: underline;
    color: #003366;
}

/* button style for standard HTML buttons */
.StandardButton
{
    padding-right: 5px;
    padding-left: 5px;
    font-weight: normal;
    font-size: 11px;
    background: #dddddd;
    color: #000000;
    /*font-family: Verdana, sans-serif;*/
}


/* GENERIC */
H1
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 20px;
    font-weight: normal;
    color: #666644;
}

H2
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 20px;
    font-weight: normal;
    color: #666644;
}

H3
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 12px;
    font-weight: normal;
    color: #003366;
}

H4
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 12px;
    font-weight: normal;
    color: #003366;
}

H5, DT
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: bold;
    color: #003366;
}

H6
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: bold;
    color: #003366;
}

TFOOT, THEAD
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 12px;
    color: #003366;
}

TH
{
    vertical-align: baseline;
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 12px;
    font-weight: bold;
    color: #003366;
}

A:link
{
    text-decoration: none;
    color:#333333;
}

A:visited
{
    text-decoration: none;
    color:#333333;
}

A:hover
{
    text-decoration: underline;
    color:#333333;
}

A:active
{
    text-decoration: none;
    color:#333333;
}

SMALL
{
    font-size: 8px;
}

BIG
{
    font-size: 14px;
}

BLOCKQUOTE, PRE
{
    /*font-family: Lucida Console, monospace;*/
}


UL LI
{
    list-style-type: square;
}

UL LI LI
{
    list-style-type: disc;
}

UL LI LI LI
{
    list-style-type: circle;
}

OL LI
{
    list-style-type: decimal;
}

OL OL LI
{
    list-style-type: lower-alpha;
}

OL OL OL LI
{
    list-style-type: lower-roman;
}
OL UL LI
{
    list-style-type: disc;
}

HR
{
    color: #696969;
    height: 1pt;
    text-align: left;
}

/* Module Title Menu */
.ModuleTitle_MenuContainer
{
    border-bottom: blue 0px solid;
    border-left: blue 0px solid;
    border-top: blue 0px solid;
    border-right: blue 0px solid;
}

.ModuleTitle_MenuBar
{
    cursor: pointer;
    height: 16px;
    background-color: Transparent;
}

.ModuleTitle_MenuItem
{
    cursor: pointer;
    color: black;
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    border-left: white 0px solid;
    border-bottom: white 1px solid;
    border-top: white 1px solid;
    border-right: white 0px solid;
    background-color: Transparent;
}

.ModuleTitle_MenuIcon
{
    cursor: pointer;
    background-color: #EEEEEE;
    border-left: #EEEEEE 1px solid;
    border-bottom: #EEEEEE 1px solid;
    border-top: #EEEEEE 1px solid;
    text-align: center;
    width: 15px;
    height: 21px;
}

.ModuleTitle_SubMenu
{
    z-index: 1000;
    cursor: pointer;
    background-color: #FFFFFF;
    border-bottom: #FFFFFF 0px solid;
    border-left: #FFFFFF 0px solid;
    border-top: #FFFFFF 0px solid;
    border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak
{
    border-bottom: #EEEEEE 1px solid;
    border-left: #EEEEEE 0px solid;
    border-top: #EEEEEE 1px solid;
    border-right: #EEEEEE 0px solid;
    background-color: #EEEEEE;
    height: 1px;
}

.ModuleTitle_MenuItemSel
{
    cursor: pointer;
    color: black;
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow
{
    /*font-family: webdings;*/
    font-size: 10pt;
    cursor: pointer;
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow
{
    /*font-family: webdings;*/
    font-size: 10pt;
    cursor: pointer;
}

/* Main Menu */
.MainMenu_MenuContainer
{
    background-color: transparent;
}
.MainMenu_MenuBar
{
    cursor: pointer;
    height: 16px;
    background-color: Transparent;
}
.MainMenu_MenuItem
{
    cursor: pointer;
    color: black;
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    border-left: white 0px solid;
    border-bottom: white 1px solid;
    border-top: white 1px solid;
    border-right: white 0px solid;
    background-color: Transparent;
}
.MainMenu_MenuIcon
{
    cursor: pointer;
    background-color: #EEEEEE;
    border-left: #EEEEEE 1px solid;
    border-bottom: #EEEEEE 1px solid;
    border-top: #EEEEEE 1px solid;
    text-align: center;
    width: 15px;
    height: 21px;
}
.MainMenu_SubMenu
{
    z-index: 1000;
    cursor: pointer;
    background-color: #FFFFFF;
    border-bottom: #FFFFFF 0px solid;
    border-left: #FFFFFF 0px solid;
    border-top: #FFFFFF 0px solid;
    border-right: #FFFFFF 0px solid;
}
.MainMenu_MenuBreak
{
    border-bottom: #EEEEEE 1px solid;
    border-left: #EEEEEE 0px solid;
    border-top: #EEEEEE 1px solid;
    border-right: #EEEEEE 0px solid;
    background-color: #EEEEEE;
    height: 1px;
}
.MainMenu_MenuItemSel
{
    cursor: pointer;
    color: black;
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: #C1D2EE;
}
.MainMenu_MenuArrow
{
    /*font-family: webdings;*/
    font-size: 10pt;
    cursor: pointer;
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-top: #FFFFFF 0px solid;
}
.MainMenu_RootMenuArrow
{
    /*font-family: webdings;*/
    font-size: 10pt;
    cursor: pointer;
}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg
{
    background-color: #CCCCCC;
}

.TabBg
{
    background-color: black;
}

.SelectedTab
{
    font-weight: bold;
    font-size: 8.5pt;
    color: #FFFFFF;
    /*font-family: Tahoma, Arial, Helvetica;*/
    text-decoration: none;
}

A.SelectedTab:link
{
    text-decoration: none;
    color: white;
}

A.SelectedTab:visited
{
    text-decoration: none;
    color: #eeeeee;
}

A.SelectedTab:hover
{
    text-decoration: none;
    color: #cccccc;
}

A.SelectedTab:active
{
    text-decoration: none;
    color: #eeeeee;
}

.OtherTabs
{
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    /*font-family: Tahoma, Arial, Helvetica;*/
    text-decoration: none;
}

A.OtherTabs:link
{
    text-decoration: none;
    color: white;
}

A.OtherTabs:visited
{
    text-decoration: none;
    color: #eeeeee;
}

A.OtherTabs:hover
{
    text-decoration: none;
    color: #cccccc;
}

A.OtherTabs:active
{
    text-decoration: none;
    color: #eeeeee;
}

.PagingTable
{
    height: 33px;
}

/*
.LabelEditOverClass
{	
	cursor: pointer;
	text-decoration: underline overline;
}
*/

.LabelEditTextClass
{
    border: solid 1px red;
    background-color: Transparent;
}

.LabelEditWorkClass
{
    /*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/
    border: solid 0px red;
    background-color: Transparent;
}

/* style for the DNNTextSuggest control select menu */
.SuggestTextMenu
{
    border: solid 1px black;
    white-space: nowrap;
    background: white;
}
/* style for the DNNTextSuggest control selected menu node */
.SuggestNodeOver
{
    background-color: navy;
    color: White;
}


/*Edit In Place Tool Bar Classes*/
.eipbackimg
{
    border: outset 1px; /*give toolbar a 3D look*/
    position: absolute; /*needed so it doesn't take up space */
    margin-top: -22px; /*specify toolbar to be just above text */
    white-space: nowrap; /* makes toolbar horizontal */
    background: url(../../images/eip_toolbar.gif);
    background-color: #99cccc;
    height: 22px;
}

.eipbuttonbackimg
{
    width: 21px;
    height: 21px;
    cursor: pointer; /*change mouse to pointer when hover over button*/
    display: -moz-inline-box; /* Gecko proprietary  (ORDER IS IMPORTANT HERE!)*/
    display: inline-block; /* supported by Opera and ? */
}

.eipbutton_edit
{
    background: url(../../images/eip_edit.gif) no-repeat 100% center;
}
.eipbutton_save
{
    background: url(../../images/eip_save.gif) no-repeat 100% center;
}
.eipborderhover
{
    border: outset 1px;
}

/* used to collapse panes without any content in them */
.DNNEmptyPane
{
    width: 0px;
}

/* used to set the different module align options - from module settings */
/*.DNNAlignleft
{
    text-align: left;
}
.DNNAlignright
{
    text-align: right;
}
.DNNAligncenter
{
    text-align: center;
}*/

/* Login Styles */
.LoginPanel
{
}

.LoginTabGroup
{
}

.LoginTab
{
    float: left;
    background: url( "../../images/tablogin_gray.gif" ) left top;
    margin: 0 3px 3px 0;
    padding: 5px 5px 4px 5px;
    text-decoration: none;
    color: #FFF;
    border: 1px #25569a solid;
}

.LoginTabSelected
{
    float: left;
    background: url( "../../images/tablogin_gray.gif" ) left top;
    margin: 0 3px 3px 0;
    padding: 5px 5px 4px 5px;
    text-decoration: none;
    color: #FFF;
    background-position: 0% -41px;
    border: 1px #25569a solid;
}

.LoginTabHover
{
    float: left;
    background: url( "../../images/tablogin_gray.gif" ) left top;
    margin: 0 3px 3px 0;
    padding: 5px 5px 4px 5px;
    text-decoration: none;
    color: #555;
    border: 1px #C00 solid;
    cursor: pointer;
}

.LoginContainerGroup
{
    clear: both;
    padding-top: 5px;
}

.LoginContainer
{
}

/*Steuerungsbereich*/
.lblExpl_Module
{
    width: 300px;
    border: 1px solid silver;
    padding: 5px;
}

/********** Styles used in Modal Popups *********/

/* Default styles for Email Popup */
.S4USmod h1
{
    color: #7B7C7E !important;
    font-size: 17px !important;
    font-weight: bold;
}
.S4USmod .S4USModLi
{
    color: #7B7C7E !important;
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 15px !important;
    font-weight: bold;
}

.S4USmod .S4USModRe
{
    color: #7B7C7E !important;
    font-size: 13px !important;
}

.S4USmod .S4USTxtRe
{
    border: 1px solid #9DC106;
    width: 99%;
}

.S4USmod .S4USbuttons .S4Usbutton
{
    padding: 0px 0px 2px 0px; #padding:0px;
}


/* Default Styles for Tagging Modal Popups */

.S4USTagging h1
{
    color: #7B7C7E !important;
    font-size: 17px !important;
    font-weight: bold;
}
.S4USTagging .S4USTxtTag
{
    border: 1px solid #9DC106;
}
.S4USTagging .S4UStags
{
    color: #7B7C7E !important;
    font-size: 13px !important;
}

.S4USTagging .S4UStags a:link
{
    color: #7B7C7E;
    font-size: 13px !important;
}
.S4USTagging .S4UStags a:hover
{
    text-decoration: underline;
    color: #ff0000;
}

.S4USTagging .S4USbuttons .S4USbutton
{
    padding: 0px 0px 2px 0px; #padding:0px;
}
.S4USTagging .S4USbuttons .S4USbuttonRight
{
    float:none;
}

#ManageForm
{
    margin: 10px 10px 10px 10px;
}

#InviteForm
{
    margin: 10px 10px 10px 10px;
    width: 95%;
}

#InviteForm #InvTxtBx
{
    border: 1px solid #9dc106;
}

#InviteForm #InvTxt
{
    color: #7b7c7e !important;
    font-size: 17px !important;
    font-weight: bold;
}

#InviteForm #StcTxt
{
    color: #7b7c7e !important;
}

#RevokeForm
{
    margin: 10px 10px 10px 10px;
    width: 95%;
}

#RevokeForm #RevTxtBx
{
    border: 1px solid #9dc106;
}

#RevokeForm #RevTxt
{
    color: #7b7c7e !important;
    font-size: 17px !important;
    font-weight: bold;
}

#RevokeForm #StcTxt
{
    color: #7b7c7e !important;
}
/*RadConfirm Styles*/
.RadConfirmFixedDiv
{
    margin: 3px;
    text-align: center;
}


/*UserProfile Popups*/

/*Email Settings*/
#CurrentEmailTextBox
{
    border: 1px solid #9dc106;
}
#NewEmailInput
{
    border: 1px solid #9dc106;
}
#RetypeEmailInput
{
    border: 1px solid #9dc106;
}

#EmailSettingsForm
{
    color: #7b7c7e !important;
    padding-top: 10px; #padding-top:0px;
}

#EmailSettingsMessage
{
    padding-top: 15px;
    padding-bottom: 15px; #padding-top:0px;
    #padding-bottom:0px;
}


/*Password settings*/
#OldPasswordInput
{
    border: 1px solid #9dc106;
}
#NewPasswordInput
{
    border: 1px solid #9dc106;
}
#RetypePasswordInput
{
    border: 1px solid #9dc106;
}

#PasswordSettingsForm
{
    color: #7b7c7e !important;
    padding: 10px;
    padding-bottom: 0px;
}

#AgeSettingsForm
{
    color: #7b7c7e !important;
    padding: 10px;
    padding-bottom: 0px;
}

#FreeHtmlEditorDiv
{
    text-align: center;
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 3px;
}
#FreeHtmlEditorDiv .S4USbutton
{
    float:left;
}

#RadEContentHolderFreeHtmlEditor_FreeHtmlEditor
{
    border: 1px solid #9dc106;
}

#tbl_inv_ext #ToTb
{
    border: 1px solid #9dc106;
    color: Gray;
}

#tbl_inv_ext #YTxtTb
{
    border: 1px solid #9dc106;
}

#tbl_inv_ext
{
    color: #7b7c7e !important;
    border-color: #9fc500;
    border-style: solid;
    padding: 5px;
}

#tbl_inv_ext td
{
    border: 0;
    padding-bottom: 8px; #padding-bottom:0px;
}

#plh_ext
{
    border-color: #9fc500;
    border-style: solid;
    background-color: #9fc500;
}

#plh_ext td
{
    border: 0;
}

#tbl_inv_ext #LblTheMail
{
    font-size: x-large;
    font-weight: bold;
}

#tbl_inv_ext #LblSbj
{
    font-weight: bold;
    text-decoration: underline;
}

#tbl_inv_ext #LblErr
{
    font-size: large;
    color: Red;
}

#tbl_inv_ext #TXTSubject
{
    border: 1px solid #9dc106;
}

.S4US_articles_image
{
}

.S4US_articles_datetime
{
    color: Gray;
}

.S4US_articles_by
{
    color: Gray;
}

.S4US_articles_readmore
{
    color: Gray;
}

.S4US_articles_latest_summary
{
    font-size: 12px;
    padding-top: 10px;
}

.S4US_articles_summary
{
    font-size: 12px;
    padding-top: 10px;
    padding-right: 20px;
}

.S4US_articles_subinfo
{
    font-size: 11px;
    color: Gray;
}

.S4US_articles_subinfo a
{
    font-size: 11px !important;
}

.S4US_articles_subheadings
{
    font-size: 15px;
    font-weight: bolder;
}
.S4US_articles_selected
{
}
.S4US_articles_notselected
{
}

/* Buttons In Create Article */
.articleOptionpanel .S4USbuttonlarge,.articleOptionpanel .S4USbuttonlargex
{
	font-size:13px!important;
	padding-bottom:7px!important;	
	#padding-bottom:5px!important;	
}
.articleTabpanel .ruButton, .articleTabpanel .S4USbuttonlarge, .articleTabpanel .S4USbuttonlargex
{
	font-size:13px!important;
	padding-bottom:7px!important;	
	#padding-bottom:5px!important;	
}


.MenuTopSelected
{
	font-weight: bold;
}

.fl_userprofilelink
{
    /*font-size: larger;*/
}

.fl_tags
{
    vertical-align: bottom;
}

.fl_userimage
{
    float: left;
}

.fl_div_userlink
{
    padding-bottom: 6px;
}

.S4US_articles_categories
{
    padding-top: 5px;
}

#buddyPortalsMainTable td
{
    vertical-align: top;
}

.fl_paging
{
    color: black !important;
}

.fl_paging a
{
    color: black !important;
}



/*Popups Default styles*/
.PopupTxtSmall
{
    color: #7b7c7e !important;
}

.PopupTxtBx
{
    border: 1px solid #9dc106;
}

.PopupTxtLarge
{
    color: #7b7c7e !important;
    font-size: 17px !important;
    font-weight: bold;
}

.PopupForm
{
    margin: 10px;
    width: 95%;
}





/*moved here from event module*/
.UIFullListing_InfoValue h3
{
   margin-top:0px;
}

/*originally ".event_detailview_header"*/
.Subheader
{
	background:#ECEFF5 none repeat scroll 0 0;
	border-top:1px solid #94A3C4;
	margin:0;
	overflow:hidden;
	padding:5px 8px;
	position:relative;
}



/* For UserProfile Icons**********************************/

/* ".ITProfilePicture" */
.UserIconProfilePicture
{
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    white-space: 5px;
    cell-spacing: 10px;
}

/* ".ITDisplayName" */
.UserIconDisplayName
{
    font-size: 9px;
    font-weight: bold;
}

/* ".ITItem" */
.UserProfileItem
{
    text-align: left;
    vertical-align: top;
    padding: 5px;
    border: 0px solid #333333;
    width: 1%;
}

.ITItem
{
    text-align: left;
    vertical-align: top;
    border: 0px solid #333333;
    width: 1%;
}
/* END For UserProfile Icons**********************************************/

.additionaldescription_header
{
    font-size:14px;
    font-weight:bold;
    margin-top:6px;
    margin-bottom:3px;
}

.additionaldescription_content
{
    
}

.subdescriptions
{
    padding-left:8px;
}

/* Style used for container of links */
.ActionLinks
{
	text-align: right!important;
	vertical-align: middle;
	border-top:1px solid #ECEFF5;
	overflow:hidden;
	padding:2px 8px;
	margin-top:5px;
}

.LeftAlign
{
    text-align:left!important;
}

.CommentActionLinks
{
	text-align: right;
	vertical-align: middle;
	
	overflow:hidden;
	padding:2px 8px;
	margin-top:5px;
}

/* Styles for Tagging */

div.S4UStagcloudcontrol
{
	border: 0px;
	padding: 3px;
}
/* End Styles for Tagging */

/* Commenting Styles */

.S4UCommentingControl
{
   margin-left:65px;
   margin-right:12px;
}

.S4UCommentsList
{
    padding-top:5px;
}
.S4UCommentsTextBox
{
    height:40px;
}

.S4UCommentsItem
{
    background-color: #ECEFF5;
    border-bottom:1px solid #E5EAF1;
    margin-bottom:2px;
    overflow:hidden;
    padding:6px 4px 3px 6px;
}

.S4UCommentUserIcon
{
   float:left;
   margin-right:5px;
}

.S4UCommentsContent
{
   display:table-cell;
   vertical-align:top;
   #display: inline-block;
}

.S4UCommentsTime
{
   padding-top:10px;
}

.S4USIconBar
{
   margin-left:65px;
   padding-bottom:5px;
   padding-top:5px;  
}
/* Styles for popup for delete comment*/
#ManageForm .S4USbuttons
{
   padding-top:5px;
   text-align:center;
}
/* End styles for popup for delete comment*/

/* End Styles for commenting

/* Styles for Content Control */
.S4USContentControlBox
{
   padding-top:5px;  
   padding-bottom:15px;
   border-bottom:1px solid #E5EAF1;   
}
/* End Styles for Content Control*/

/* Styles for Photo Presentation*/
/*
================================
	Gallery view 
================================
*/

#PhotoModule div.STAGE4USGalleryView
{
    margin-right:25px;
    margin-left:25px;
}

div.STAGE4USGalleryView 
{
    margin-bottom: 12px;
    float:left;
    margin-right:2px;
    margin-left:6px;
    width: 240px;
}

div.STAGE4USAlbumImageFooter
{
	font-size: 12px;
	height:100px;
}

.STAGE4USImage
{
	 border-style: double;
	 border-color: Silver;
	 border-width: 2px;
	 border-spacing: 2px;
}

.STAGE4USTitle
{
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
}

.STAGE4USTitle a
{
	font-size: 14px !important;
}

.STAGE4USalbumdesc1
{
	font-size: 12px;
	margin-top: 10px;
}

.STAGE4USalbumdesc1 a
{
	font-size: 12px !important;
}

.STAGE4USalbumdesc2
{
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.STAGE4USalbumdesc2 a
{
	font-size: 11px !important;
}

.STAGE4USAlbumsView_Pagination
{
	margin-top: 10px;
	float: left;
	width: 90%;
}

.STAGE4USGridAllAlbumsCommand
{
	height: 20px;
	margin: 10px;
}
/* 
================================
Album view 
================================
*/

.STAGE4USTableAlbumHeader
{
	height: 65px;
}

.STAGE4USAlbumUserIcon
{
	 Width: 60px;
	 Height: 65px;
	 padding-right: 0px !important;
	 float: left;
}

.STAGE4USAlbumTitel
{
	position:relative;
	margin-left: 0px !important;
}

.STAGE4USAlbumTitel h1
{
	margin: 0px 0px 10px 0px;
}

.STAGE4USAlbumHeaderLeft
{
	font-size: 14px;
	text-align: left;	
	width: auto;
	font-weight:bold;
	white-space:nowrap;
	height: 18px;
	float: left;
	margin-right:15px;
}

.STAGE4USAlbumHeaderRight
{
	font-size: 14px;
	text-align: right;
	width: auto;
	font-weight:bold;
	height: 18px;
	float:right;
	margin-right: 10px;
}

.STAGE4USAlbumPhotosViewLarge
{
    #padding-bottom:5px;
}

.STAGE4USAlbumPhotosViewFoto
{
    float: left;
    margin-bottom: 7px;
    margin-right: 7px;
}

.STAGE4USAlbumPhotosViewAlbum
{
    float: left;
    margin-right: 6px;
}

.STAGE4USFotoCount
{
	margin-top: 10px;
	margin-right: 3px;
}

.STAGE4USAlbumDescription
{
	margin-top: 6px;
	margin-right: 3px;
	margin-bottom: 6px;
	width:240px;
}

/* 
================================
Single photo view 
================================
*/

.S4USphotocontentarea 
{
	text-align: center;
	width: auto;
}

.S4USphotoline1 
{
	margin-bottom:10px;
	height: 50px;
	vertical-align:bottom;
	position:relative;
	margin-left:3px;
}

.S4USphototitel 
{
	vertical-align: bottom;
	text-align:left;
	float:left;
	width: 73%;
}

.S4USphototitel h1
{
	margin: 0;
	padding: 0;
}

.S4USbackalbum
{
	font-weight:bold;
	float:right;
	margin-right:10px;
	margin-top:8px;
}

.S4USphotoline2
{

}

.S4USphotoline2 div
{
	float:left;
}

.PhotoToolbarBtn
{
	width: 16px;
	text-align:right;
}

div.PhotoToolbarBtn
{
	width: 16px;
	text-align:right;
	float:left;
	vertical-align:middle;
	margin-right:2px;
}

.PhotoToolbarLink
{
	width:75px;
	text-align:left;
	white-space:nowrap !important;
}

div.PhotoToolbarLink
{
	width:75px;
	text-align:left;
	white-space:nowrap !important;
	float:left;
	vertical-align:middle;
}

/* End Photo Presentation */

.rmLink
{
	text-align:left!important;
}

/* RAD combobox*/

.RadComboBox_S4CustomSkin,
.RadComboBox_S4CustomSkin .rcbInput,
.RadComboBoxDropDown_S4CustomSkin
{
 font: 12px "Segoe UI", Arial, sans-serif;
 color: #000;
 text-align: left;
}
.RadComboBoxDropDown_S4CustomSkin .rcbHovered
{
background:#A4A4A4 none repeat scroll 0 0;
}

.RadComboBox_S4CustomSkin .rcbInputCellLeft,
.RadComboBox_S4CustomSkin .rcbInputCellRight,
.RadComboBox_S4CustomSkin .rcbArrowCellLeft,
.RadComboBox_S4CustomSkin .rcbArrowCellRight
{
 background: url('ComboBox/rcbSprite.png') no-repeat;
}

* html .RadComboBox_S4CustomSkin .rcbInputCellLeft,
* html .RadComboBox_S4CustomSkin .rcbInputCellRight,
* html .RadComboBox_S4CustomSkin .rcbArrowCellLeft,
* html .RadComboBox_S4CustomSkin .rcbArrowCellRight
{
 background: url('ComboBox/rcbSpriteIE6.png') no-repeat;
}

.RadComboBox_S4CustomSkin td.rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_S4CustomSkin td.rcbInputCellRight { background-position: 100% 0; }

.RadComboBox_S4CustomSkin .rcbHovered .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_S4CustomSkin .rcbHovered .rcbInputCellRight { background-position: 100% 0; }

.RadComboBox_S4CustomSkin .rcbFocused .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_S4CustomSkin .rcbFocused .rcbInputCellRight { background-position: 100% 0; }

.RadComboBox_S4CustomSkin .rcbHovered .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -22px; }
.RadComboBox_S4CustomSkin .rcbHovered .rcbReadOnly td.rcbInputCellRight { background-position: 100% -22px; }

.RadComboBox_S4CustomSkin .rcbFocused .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -44px; }
.RadComboBox_S4CustomSkin .rcbFocused .rcbReadOnly td.rcbInputCellRight { background-position: 100% -44px; }

.RadComboBox_S4CustomSkin .rcbInputCell .rcbInput
{
 width: 100%;
 background: transparent;
 border: 0;
 vertical-align: middle;
 padding: 2px 0 1px;
 outline: 0;
}

* html .RadComboBox_S4CustomSkin .rcbInputCell .rcbInput
{
 height /**/: 18px;
 padding /**/: 2px 0; /* This should fix the ajax introduced height in IE7 and not break IE6 */
}

.RadComboBox_S4CustomSkin .rcbInputCell .rcbEmptyMessage
{
 color: #666;
 font-style: italic;
}

.RadComboBox_S4CustomSkin .rcbReadOnly .rcbInput
{
 cursor: default;
}

.RadComboBox_S4CustomSkin table td.rcbInputCell,
.RadComboBox_S4CustomSkin .rcbInputCell .rcbInput
{
 padding-left: 2px;
}

.RadComboBox_S4CustomSkin_rtl table td.rcbInputCell,
.RadComboBox_S4CustomSkin_rtl .rcbInputCell .rcbInput
{
 padding-right: 2px;
 padding-left: 0;
}

.RadComboBox_S4CustomSkin table td.rcbArrowCell
{
 width: 18px;
 padding: 0;
 border: 0;
}

.RadComboBox_S4CustomSkin td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_S4CustomSkin td.rcbArrowCellRight { background-position: 0 -88px; }

.RadComboBox_S4CustomSkin .rcbHovered .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_S4CustomSkin .rcbHovered .rcbArrowCellRight { background-position: -36px -88px; }

.RadComboBox_S4CustomSkin .rcbFocused .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_S4CustomSkin .rcbFocused .rcbArrowCellRight { background-position: -72px -88px; }

.RadComboBox_S4CustomSkin td.rcbArrowCellHidden,
.RadComboBox_S4CustomSkin .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_S4CustomSkin .rcbFocused td.rcbArrowCellHidden { background-position: -15px -88px; }
.RadComboBox_S4CustomSkin table.rcbDisabled td.rcbArrowCellHidden { background-position: -123px -88px; }

.RadComboBox_S4CustomSkin .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -51px -88px; }
.RadComboBox_S4CustomSkin .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -87px -88px; }

.RadComboBox_S4CustomSkin .rcbArrowCell a
{
 position: relative;
 outline: 0;
 overflow: hidden;
 display: block;
 width: 18px;
 height: 22px;
 text-decoration: none;
 text-indent: -9999px;
 font-size: 1px;
}


.RadComboBoxDropDown_S4CustomSkin .rcbHeader,
.RadComboBoxDropDown_S4CustomSkin .rcbFooter,
.RadComboBoxDropDown_S4CustomSkin .rcbMoreResults a
{
 background-image: url('ComboBox/rcbSprite.png');
 background-repeat: no-repeat;
}

* html .RadComboBoxDropDown_S4CustomSkin .rcbHeader,
* html .RadComboBoxDropDown_S4CustomSkin .rcbFooter,
* html .RadComboBoxDropDown_S4CustomSkin .rcbMoreResults a
{
 background-image: url('ComboBox/rcbSpriteIE6.png');
 background-repeat: no-repeat;
}

.RadComboBoxDropDown_S4CustomSkin
{
 position: absolute;
 background: #fff;
 border: 1px solid #c6c7d2;
 border-top-color: #83868d;
 cursor: default;
 font-size: 11px;
 #margin-left:2px;
}

.RadComboBoxDropDown_S4CustomSkin .rcbHeader,
.RadComboBoxDropDown_S4CustomSkin .rcbFooter
{
 background-repeat: repeat-x;
 background-color: #f1f2f4;
 background-position: 0 -110px;
 padding: 5px 7px 4px;
}

.RadComboBoxDropDown_S4CustomSkin .rcbItem,
.RadComboBoxDropDown_S4CustomSkin .rcbHovered,
.RadComboBoxDropDown_S4CustomSkin .rcbDisabled,
.RadComboBoxDropDown_S4CustomSkin .rcbLoading
{
 padding: 2px 6px;
 margin: 0 1px;
}
.rcbList
{
margin: 0pt; 
padding: 0pt; 
list-style-type: none; 
list-style-image: none; 
list-style-position: outside;
}

.RadComboBoxDropDown_S4CustomSkin .rcbScroll
{
	overflow: auto;
	position: relative;
}

/* RadDocking Default styles*/
.RadDockableObjectTitle 
{
    background:#ECEFF5 repeat-x scroll 0 top !important;
    border-top:1px solid #94A3C4;
    padding:5px 8px;
}

.RadDockableObjectTitleBar
{
    border-bottom:none !important;
}

.RadDockableObjectTitleBarLeft, .RadDockableObjectTitleBarRight, .RadDockableObjectCommandButton {
    background:#ECEFF5 repeat-x scroll 0 top !important;
    border-top:1px solid #94A3C4;
}

/*RadDock Telrik version Q3 2009*/

.rdContent
{
    padding:5px !important;
    top:0px !important;
}

*html .rdContent
{
    margin-bottom: 0px;
}

.rdCommands
{
   width:45px!important;
}


.RadDock_Default .rdTitlebar 
{
    border-bottom:none !important;
}

.RadDock_Default .rdHTitlebar .rdTitle 
{
    background:#ECEFF5 repeat-x scroll 0 top !important;
    border-top:1px solid #94A3C4 !important;
}
/* fix for IE - enlarging the titlebar when the name was too long */
.rdTitlebar
{
   overflow:hidden;
   width:100%;
}

/*End RadDock*/

/* RadTabStrip */
.RadTabStrip_STAGE4USModules li a.selected .innerWrap
{
    background-color: rgb(159,197,0);!important;
}
.RadTabStrip_STAGE4USModules li a .innerWrap
{
    background: #cdcdcd;
}
/* End RadTabStrip */

/* RadUpload */
.RadUpload .ruFakeInput
{
	height: 16px !important;
	#height: 22px !important;
	margin-right:4px!important;
	vertical-align:middle!important;
	margin-top:3px!important;
	#margin-top: 1px !important;
}
.RadUpload ul li
{
	list-style-type:none!important;
}
/* End Radupload */

/*RadRotator styles*/
.RadRotator ul li
{
   list-style-type:none!important;
}
/*End RAdRotator*/

/*RadEditor styles*/
.RadEditor .Help
{
   background-color:transparent;
   border:none;
   padding:0px;
}
.RadEditor .InsertSTAGE4USImage
{
   background-image:url(../../DesktopModules/STAGE4USSetup/STAGE4USControls/Images/picture.png);
   margin-top:4px;
   margin-left:4px;
}
.RadEditor .reContentCell, .RadEditor .reContentCell iframe
{
   background-color:white!important;
}
.S4USRadEditorBody
{
   background: white none!important;
   margin:0!important;
   padding:3px 0px 0px!important;
}
/*End RadEditor*/

.fl_right_template_table
{
	text-align:center;
	width:100%;
}

.FLRItem
{
	width:33%;
	vertical-align:top;
}

#fl_right_td_image
{
	width:50px;
}

#PrevDiv
{
	position :relative;
	*position:absolute;
	margin-left:-63px;
	*margin-left: 3px;
	padding: 0px; 
}
#NextDiv
{
	position :relative;	*position:absolute;	margin-left :-67px;	padding: 0px;}
.colmask #NextDiv
{
    #top:100px!important;
}
.colmask #PrevDiv
{
    #top:100px!important;
}

/********** Wall Styles **********/


.STAGE4US_WALL_ContentTable
{
	background-color:transparent;
	margin-bottom:6px;
	padding-bottom:6px;
	width:99%;
	padding-top: 5px;
}

.STAGE4US_WALL_tdPadding
{
	padding-left: 10px;
}


.RadDockZone
{
    border:0px!important;
}

.UserProfileMainNickname
{
margin-bottom:-30px;
margin-top:40px;
text-align:right;
width:100%;
}

.UserProfileMainNicknameLabel
{
padding-right:4px;
}

.SkinStyleTable
{

}

.SkinStyleTable td
{
    vertical-align:top;
    text-align:center;  
    padding-left:5px;
    padding-right:5px;
}

.SkinStyleDiv
{
    width:65px;
    margin-top:5px;
}



/*S4USButtons*/
.S4USbutton, .S4USbuttonsmall, .S4USbuttonlarge, .S4USbuttonlarge_disabled, .S4USbuttonlargex
{
    border: medium none;
    color: #FFFFFF!important;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    height: 28px;
    padding: 5px 0px 5px 0px; 
    text-align: center;
    /*float: left;*/
    margin-right:5px;
    margin-left:5px;
    cursor: pointer;
    text-decoration: none!important;
}
.S4USbutton
{
    background: transparent url(../../DesktopModules/STAGE4USSetup/STAGE4USControls/Images/S4USButtons/normal/S4USgreenButton.gif) no-repeat scroll 0 0;
    width: 85px;
}

.S4USbutton A, .S4USbutton A:hover, .S4USbutton A:visited 
{
    text-decoration: none!important;
    color: White !important;
}

.S4USbuttonsmall
{
    background: transparent url(../../DesktopModules/STAGE4USSetup/STAGE4USControls/Images/S4USButtons/small/S4USgreenButton_small.gif) no-repeat scroll 0 0;
    width: 71px;
}

.S4USbuttonsmall A, .S4USbuttonsmall A:hover, .S4USbuttonsmall A:visited
{
    text-decoration: none!important;
    color: White !important;
}

.S4USbuttonlarge
{
    background: transparent url(../../DesktopModules/STAGE4USSetup/STAGE4USControls/Images/S4USButtons/large/S4USgreenButton_large.gif) no-repeat scroll 0 0;
    width: 125px;
}

.S4USbuttonlarge_disabled
{
    cursor:normal;
    width: 125px;
}

.S4USbuttonlarge A, .S4USbuttonlarge A:hover, .S4USbuttonlarge A:visited
{
    text-decoration: none!important;
    color: White !important;
}

.S4USbuttonlargex
{
    background: transparent url(../../DesktopModules/STAGE4USSetup/STAGE4USControls/Images/S4USButtons/largex/S4USgreenButton_largeX.gif) no-repeat scroll 0 0;
    width: 256px;
}

.S4USbuttonlargex A, .S4USbuttonlargex A:hover, .S4USbuttonlargex A:visited
{
    text-decoration: none!important;
    color: White !important;
}

.ruButton
{
    background: transparent url(../../DesktopModules/STAGE4USSetup/STAGE4USControls/Images/S4USButtons/large/S4USgreenButton_large.gif) no-repeat scroll 0 0!important;
    border: medium none!important;
    color: #FFFFFF!important;
    font-family: Arial,Helvetica,sans-serif!important;
    font-size: 14px!important;
    font-style: normal!important;
    font-variant: normal!important;
    font-weight: bold!important;
    height: 28px!important;
    width: 125px!important;
    padding: 5px 0px 5px 0px!important; 
    text-align: center!important;
    /*float: left;*/
    margin-right:5px!important;
    margin-left:5px!important;
    cursor: pointer!important;
}

/*Skins Classes in all SKins the same*/
/* Blackbar on top ***************************************/
#blackbar
{
    background:black;
    width:100%;
    height:21px;
    text-align:left;
    position:absolute;
    
}

#blackbar_inner
{
    background:black;
    width:970px;
    text-align:right;
    /*margin:auto;*/
    /*height:21px;*/
    height:19px;
    #height:21px;
    margin-left:10px;
}

#asitelogo
{
	position: absolute;
	/*left:50%;*/
	top:2px;
	/*margin-left:-66px;*/
	margin-left:420px;
	float:left;
}

#users
{
	margin-right:5px;
	margin-top:2px;
}

#users .SkinObject
{
    color:White;
}

.colmask
{
    padding-top:10px;
}









/*SIZES AND POSITIONS***********************************************/

#globalwrapper /*default values for horizontal menu*/
{
	position: absolute;
	width: 970px !important;
	margin: 0;
	margin-left:10px;
	padding: 0;
	/*left:50%;*/
	margin-top:21px;
	/*margin-left:-485px;*/
}

#header
{
	position: absolute;
	top: 0;
	left: 0;
}

#logodiv
{
    height:107px;
    #height:109px;
    overflow: hidden;
    width:970px;
}

#contentwrapper /*default values for horizontal menu*/
{
	margin: 168px 0 0 0;  /*margin-top= height of header pic + 58px*/
	#margin: 164px 0 0 0; /*for IE 4 px less*/
	width: 970px !important;
	padding: 0;
}


.radmenu /*default values for horizontal menu*/
{
	/*margin-top: 50px;  /*margin-top= height of header pic - 60px*/
	width: 970px;
}


/*FOOTER************************************************/
#terms_privacy /*default values for horizontal menu*/
{
    float:left;
    width:63%;
    padding:10px;
    font-weight:bold;
}

#copyright /*default values for horizontal menu*/
{
    float:right;
    text-align:right;
    width:32%;
    padding:10px;
    font-weight:bold;
}


/*SIZE AND POSITIONS OF PANES****************************************/

/*FOR VERTICAL AND HORIZONTAL SKINS*/

/*Containers in Rightpane always 300 px:*/
.col2 #container
{
    #width: 300px;
}


/*OneColumn*/

#container
{
    overflow:hidden!important; 
}

.OneColumn
{
	
}
.OneColumn .col1 /*default values for horizontal menu*/
{
	margin: 0 10px 10px 10px;
	width:950px;
}

.OneColumn .col1 #container /*default values for horizontal menu*/
{
    #width: 950px;
}


/*TwoColumns*/
.TwoColumns
{
	
}
.TwoColumns .colleft /*default values for horizontal menu*/
{
	float: left;
	width: 200%;
	margin-left: -331px;
	position: relative;
	right: 100%;
}
.TwoColumns .col1wrap /*same for horizontal and vertical*/
{
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	padding-bottom: 1em;
}
.TwoColumns .col1 /*default values for horizontal menu*/
{
	margin: 0 15px 0 340px;
	width: 640px;
}
.TwoColumns .col1 #container /*default values for horizontal menu*/
{
    #width: 640px;
}
.TwoColumns .col2 /*same for horizontal and vertical*/
{
	float: right;
	width: 300px ;
	position: relative;
	left: 320px ;
}


/*JUST FOR VERTICAL SKINS*/

/*TwoColumnsWithTopPane*/

.TwoColumnsWithTopPane .colleft
{
	float: left;
	width: 200%;
	margin-left: -330px;
	position: relative;
	right: 100%;
}
.TwoColumnsWithTopPane .col1wrap
{
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	padding-bottom: 1em;
}
.TwoColumnsWithTopPane .col1
{
	margin: 0 15px 0 490px;
	/*width: 490px;*/width: 520px;
}
.TwoColumnsWithTopPane .col1 #container
{
    /*#width: 490px;*/#width: 520px;
}
.TwoColumnsWithTopPane .col2
{
	float: right;
	width: 300px ;
	position: relative;
	left: 320px ;
}
.TwoColumnsWithTopPane .toppane
{
    margin: 0px 10px 0px 10px;
    /*width: 800px;*/ width:830px;
    position:relative;
    left: 150px;
}
.TwoColumnsWithTopPane .toppane #container
{
    /*#width: 800px;*/ #width: 830px;
}


/*JUST FOR HORIZONTAL SKINS*/

/*Three Columns with large contentpane*/
.ThreeColumnsLargeContent
{
}
.ThreeColumnsLargeContent .colleft
{
    float: left;
	width: 200%;
	margin-left: -331px;
	position: relative;
	right: 100%;
}
.ThreeColumnsLargeContent .col1wrap
{
    float: left;
	width: 989px;
	position: relative;
	left: 50%;
	padding-bottom: 1em;
}
.ThreeColumnsLargeContent .col0
{
    width:150px;
    margin-left:340px;
    float:left;
    /**position:absolute;*/
    *float:none;
}
.ThreeColumnsLargeContent .col0 #container
{
    #width: 150px;
}
.ThreeColumnsLargeContent .col1
{
    width:480px;
    float:right;
    position:relative;
    left:-9px;
    #left:-7;
}
.ThreeColumnsLargeContent .col1 #container
{
    #width:476px;
}
.ThreeColumnsLargeContent .col2
{
    float: right;
	width: 300px ;
	position: relative;
	left: 320px ;
}


/*Three Columns with large contentpane with toppane*/
.ThreeColumnsLargeContentWithTopPane
{
}
.ThreeColumnsLargeContentWithTopPane .colleft
{
    float: left;
	width: 200%;
	margin-left: -331px;
	position: relative;
	right: 100%;
}
.ThreeColumnsLargeContentWithTopPane .col1wrap
{
    float: left;
	width: 989px;
	position: relative;
	left: 50%;
	padding-bottom: 1em;
}
.ThreeColumnsLargeContentWithTopPane .col0
{
    width:150px;
    margin-left:340px;
    float:left;
    /**position:absolute;*/
    *float:none;
}
.ThreeColumnsLargeContentWithTopPane .col0 #container
{
    #width: 150px;
}
.ThreeColumnsLargeContentWithTopPane .col1
{
    float:right;
    position:relative;
    width:480px;
    left:-9px;
}
.ThreeColumnsLargeContentWithTopPane .col1 #container
{
    #width:480px;
}
.ThreeColumnsLargeContentWithTopPane .col2
{
    float: right;
	width: 300px ;
	position: relative;
	left: 320px ;
}
.ThreeColumnsLargeContentWithTopPane .toppane
{
    margin: 0px 10px 0px 10px;
}
.ThreeColumnsLargeContentWithTopPane .toppane #container
{
    #width:950px;
}


/*Three Columns with Medium contentpane*/
.ThreeColumnsMediumContent
{
}
.ThreeColumnsMediumContent .colleft
{
    float: left;
	width: 200%;
	margin-left: -331px;
	position: relative;
	right: 100%;
}
.ThreeColumnsMediumContent .col1wrap
{
    float: left;
	/*width: 50%;*/
	width:974px;
	position: relative;
	left: 50%;
	padding-bottom: 1em;
}
.ThreeColumnsMediumContent .col0
{
    width:300px;
    margin-left:340px;
    float:left;
    /**position:absolute;*/
    *float:none;
    
    /*!!!!!!!!REMOVE THIS AND THE *float:none IN ALL .col0 WHEN IE6 IS WIPED OUT!!!!!!!!*/
    #margin-left:337px; 
    /*temporary solution (leftpane switched to bottom; If I fix it with float:left, then leftpane in IE6 switch to center)*/
    /*!!!!!!!!!!!!!!!!*/
}
.ThreeColumnsMediumContent .col0 #container
{
    #width:300px;
}
.ThreeColumnsMediumContent .col1
{
    width:330px;
    float:right;
    position:relative;
    left:6px;
}
.ThreeColumnsMediumContent .col1 #container
{
    #width:330px;
}
.ThreeColumnsMediumContent .col2
{
    float: right;
	width: 300px ;
	position: relative;
	left: 320px ;
}


/*Classes for adslots*/

/*For Vertical and Horizontal Skins the same*/
.Adslot_MR
{
}
.Adslot_MR iframe
{
    margin-bottom:10px;
}
.Adslot_HC1
{
    text-align:center;
}
.Adslot_HC1 iframe
{
    margin-bottom:10px;
}
.Adslot_RB1
{
    /*float:left;*/
    margin-right:50px;
    #margin-right:auto;
}
.Adslot_RB1 iframe
{
    margin-bottom:10px; 
    #margin-bottom:3px;   
}
.Adslot_RB2
{
    /*#float:right;*/
}
.Adslot_RB2 iframe
{
    margin-bottom:10px;
    #margin-bottom:3px;
}
.Adslots_RB
{
    width:100%;
    /*float:left;*/
    #float:none;
    #width:auto;
}
.Adslot_AV
{
    text-align:center;
    /*margin-bottom:6px;*/
}
.Adslot_AV iframe
{
    margin-bottom:10px;
    margin-bottom:6px;
}


/*Vertical Skins*/
.Adslot_RC_vertical
{
    position:absolute;
    margin-left:1020px;
    margin-top:29px;
}
.Adslot_SB_vertical
{
    margin-left:10px;
    width:1000px;
    text-align:center;
    margin-top:-6px;
}
.Adslot_SB_vertical iframe
{
    margin-bottom:8px;
    margin-top:8px;
}
.Adslot_FB_vertical
{
    position:absolute;
    margin-left:532px;
    margin-top:29px;
}

/*Horizontal Skins*/
.Adslot_RC_horizontal
{
    position:absolute;
    margin-left:990px;
    margin-top:29px;
}
.Adslot_SB_horizontal
{
    margin-left:10px;
    width:970px;
    text-align:center;
    margin-top:-6px;
}
.Adslot_SB_horizontal iframe
{
    margin-bottom:8px;
    margin-top:4px;
}
.Adslot_FB_horizontal
{
    position:absolute;
    margin-left:502px;
    margin-top:29px;
}

/*Classified Controls*/
/*ClassifiedSearch control*/
#classifiedSearch 
{
	top:30px;
	position:absolute;
	right:5px;
	text-align:right;
	white-space:nowrap;
}
#classifiedSearchLink
{  
    padding-top:5px;
	font-family: Arial,Verdana;
    font-size: 14px;
    font-weight: bold;

}

/*classifiedNew control*/
#classifiedNew
{
	top:97px;
	position: absolute;
	width: 280px;
	#width:305px;
	height: 105px;
	padding: 50px 15px 0;
	/*margin-top: -173px;*/
	right:0px;
	#right: 4px; 
	margin-left:10px;
	background: url(../../DesktopModules/STAGE4USSetup/STAGE4USControls/Images/bg_place_ad.gif) no-repeat;
	z-index:2000;
}
#classifiedNew #dnn_newClassified_RadCombobox_AnymalType_Input
{
	display: block;
	width: 180px;
	height: 30px;
	padding: 4px 3px;
	margin-right: 10px;
	background: #fff;
	border: 2px solid #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font: bold 13px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #9b9c9e;
}

#classifiedNew #BigText
{
	color :White;
	/*font-family:Arial,Verdana;*/
	font-size:19px;
	font-weight:bold;
	margin-top :-40px;
	height :40px;
	
}

.S4USGreyButtonOk
{
	display: block;
	float: right;
	width: 63px;
	height: 28px;
	font: bold 20px/1.4 Tahoma, Arial, Helvetica, sans-serif;
	background: url("../../DesktopModules/STAGE4USSetup/STAGE4USControls/Images/btn_ok.gif") no-repeat;
	border: none;
	text-decoration: none;
	color: #fff;
}
.RoundTextBox
{
	display: block;
	width: 195px;
	height: 20px;
	padding: 4px 3px;
	margin-right: 10px;
	background: #fff;
	border: 2px solid #9fc100!important;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font: normal 13px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #9b9c9e;
}
#classifiedSearch .RoundTextBox
{
	width:195px!important;
}

.superbanner
{
	width: 920px;
	margin-top:10px;
	margin-bottom:10px;
}

.fullsizebanner
{
	margin-left :40px;
	margin-top:50px;
	#margin-top:10px
}




/*STYLES FOR STAGE4USPhoto*/

#PhotoManagementForm
{
    margin:10px;
}

.MessageStatusPanel
{
	background-color: #FFF9D7;
	border-color: #E2C822;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	margin-bottom: 10px;
	 margin-top:5px;
	/*float: left;*/
	width: 96%;
	margin-right: 10px;
	margin-left: 2px;
}

.PhotoManagementMultiPage
{
	background-color:#FAFAFA;
	border:2px solid Silver;
	float:left;
	width:100%;
}

.ManageAlbumsMultiPage
{
	padding:10px;
	padding-bottom:20px;
	border:2px solid Silver;
	float:left;
	width:97%;
	_width:95%;
	
}
.EditAlbumPanel
{
	width:100%;

}
.chkSelectPopup
{
   position:relative;
   left:-40px;
}
.S4USPhoto_EditPhoto
{
   background:none repeat scroll 0 0 white;
   border:1px solid #D8DFEA;
   margin:0 8px 5px;
   padding:10px;
   width:98%;
}

.S4USPhoto_EditPhoto_Actions
{
   background:none repeat scroll 0 0 #F7F7F7;
   border:1px solid #CCCCCC;
   padding:1px;
   text-align:left;
   padding-bottom:5px;
}

.S4USPhoto_EditPhoto_Txt
{
    width:300px;
}

#PhotoManagementForm .Normal
{
    font-size:14px;
}

#PhotoManagementForm .Normal td
{
    font-size:14px;
    margin:0;
    padding:3px 1px;
    color:#666666;
}


.S4USPhoto_DeletePhoto_txt
{
    border-bottom:2px solid gray;
    font-size:130%;
    margin-bottom:10px;
}

#PhotoManagementForm .S4USbuttons
{
    text-align:center;
    padding-bottom:15px;
    padding-top:20px;
}

.STAGE4USPhoto_backtoalbums
{
    margin-bottom:-25px;
    margin-top:40px;
    text-align:right;
    width:100%;
}

.STAGE4USPhoto_AddPhoto_Buttonleft
{
    width:50%; 
    text-align:right;
    float:left;
}

.STAGE4USPhoto_AddPhoto_Buttonright
{
    width:50%; 
    text-align:left;
}

.S4USPhoto_EditAlbum_Txt
{
    width:100%;
}

#PhotoModule
{
    margin-top:15px;
}

.STAGE4USPhoto_albumbuttons
{
    margin-bottom:15px;
}

.STAGE4USPhoto_SelectionPopup
{
    border:2px solid Silver;
    float:left;
    margin:10px 8px;
    #margin:4px 4px;
    padding-left:8px;
    padding-bottom:20px;
    width:97%;
    _width:95%;
}

.STAGE4USPhoto_SelectionPopupSize
{
    border:2px solid Silver;
    float:left;
    margin:10px 8px;
    #margin:4px 4px;
    padding-left:10px;
    padding-bottom:17px;
    width:90%;
}

.STAGE4USPhoto_SelectionPopup .STAGE4USAlbumPhotosViewFoto
{
    margin-bottom: 7px;
    margin-right: 0px!important;
}

.S4USInsertSize_Icons
{
	margin:20px auto auto;
	width:40%;
}

.STAGE4USPhoto_InsertPhotoButton
{
    #margin-top:5px;
    margin-bottom:10px;
    text-align:center;
}
.ProfileAlbum
{
    background:#F7F7F7;
    border:1px solid #CCCCCC !important;  
    margin-bottom:6px !important;
}
.GalleryBrowserNewButton
{
    float:left;
}

.ITProfilePicture
{
    width:50px;
    height:50px
}
.STAGE4USPhotoDescription
{
    padding-left:7px;
}
.STAGE4USPhotoMakeProfile
{
    padding-right:10px;
}

/*Vertical Menu Skins And Skin controls with three columns*/
/*Event Module*/
.vertical_menu .event_edit_buttons
{
    margin-left:-3px;
    width:510px;
}
.vertical_menu .event_edit_leftbutton
{
    float: left; 
    margin-left: -8px; 
    #margin-left: -3px;
    #margin-right:-10px;
    width: 253px; 
}

.vertical_menu .event_edit_rightbutton
{
    float: left; 
    margin-left: 4px; 
    #margin-right:-10px;
    width: 252px; 
}
.vertical_menu .divAppliedUsers
{
    width:500px;
}

/*UserProfile*/
.vertical_menu  .S4USphotocontentarea
{
     margin-left:-7px;
}

.vertical_menu  .userProfileLeftZoneTD  #PhotoModule div.STAGE4USGalleryView
{
    margin-right:2px;
    margin-left:6px;
    #margin-left:3px;
}

.vertical_menu #PhotoModule div.STAGE4USGalleryView
{
    margin-left:6px;
    margin-right:6px;
}

.vertical_menu .userProfileLeftZoneTD
{
   width:500px;  
   padding-top:3px;
   padding-right:1px;
}
/*News articles*/
.vertical_menu #NewsArticles_SummaryPanel .RadUpload .ruFakeInput, .ThreeColumnsLargeContent #NewsArticles_SummaryPanel .RadUpload .ruFakeInput
{
   width:55%!important;
}