/* CSS Skin */


/*** COMMON ***/

.Header .Form span {
  line-height: 28px;
  color: #717171;
  font-size: 12px;
  background: url('../Images/lists.gif') no-repeat right -189px;
}

.FloatingBox .soon
{
	color: #ff0000;
	font-size: 11px;
	position: relative;
	top: -5px;
	margin-left: 5px;
}

/************** BACKGROUNDS *************/

body {
  background: transparent url('../Images/background.png') repeat;
}

.WorkingArea {
  background: transparent url('../Images/shadowBg.png') repeat-y left top;
  behavior: url("../js/pngfix.htc");
}

.MainArea {
  background: #ededed url('../Images/contentBg.png') repeat-x left top;  
}

.HeaderArea{
  background:; /*** temporary ***/
}

.ContentArea{
  background:; /*** temporary ***/
}

.FooterArea {
  background: url('../Images/backgroundsX.gif') repeat-x left top;
  color: #fff;
}

.FrontPage .Intro {
  background: url('../Images/roundCornersBoxBg.png') repeat-y  left top;
  behavior: url("../js/pngfix.htc");
}

.FrontPage .Intro .RoundTopCorners {
  background: url('../Images/roundCorners.png') no-repeat left top;
}

.FrontPage .Intro .RoundBottomCorners {
  background: url('../Images/roundCorners.png') no-repeat left -29px;
}

.WithoutSubmenu .ContentArea,
.WithTabs .ContentArea,
.WithSteps .ContentArea {
  background: #fff url('../Images/backgroundsX.gif') repeat-x left -73px;
}

.WithTabs .Content {
  background: #fff url('../Images/backgroundsY.png') repeat-y left top;
}

.WithoutSubmenu .Content,
.WithSteps .Content {
  background: #fff;
}

.WithTabs .LeftColumn {
  background: transparent url('../Images/backgroundsX.gif') repeat-x left -396px;
}

.Label {
  color: #fff;
}

.LabelBg {
  background: url('../Images/label.gif') no-repeat left top;
}

.LabelContent {
  background: #e5e5e5;
  border-top: 1px solid #f2f2f2;
  color: #868686;
}

.WithSteps .TopContent {
  background: #f8f8f8;
}

.FrontPage .SideBoxRight .Emphasis {
  background-color: #b3125a;
}

/************ LOGO ****************/

.HeaderArea h1 a {
  background: url('../Images/logo.png') no-repeat left top;
  behavior: url("../js/pngfix.htc");
}

/******** FLOATING BOX ********/

.WithTabs .LeftColumn .FloatingBox {
  background: url('../Images/floatingBox2.gif') repeat-y left top;
}

.WithTabs .LeftColumn .FloatingBoxTop {
  background: url('../Images/floatingBox2.gif') no-repeat -177px top;
}

.WithTabs .LeftColumn .FloatingBoxContent {
  background: url('../Images/floatingBox2.gif') no-repeat -359px bottom;
}

.FrontPage .FloatingBoxTop {
  background: url('../Images/floatingBox2.gif') no-repeat -532px top;  
}

.FrontPage .FloatingBoxContent {
  background: url('../Images/floatingBox2.gif') no-repeat -817px bottom;
}

.FrontPage .FloatingBox {
  background: url('../Images/floatingBox2.gif') repeat-y -1102px top;
}

.WithSteps .LeftColumn .FloatingBox,
.Wide .Invitation .FloatingBox {
  background: url('../Images/floatingBox2.gif') repeat-y -2527px top;
}

.WithSteps .LeftColumn .FloatingBoxTop,
.Wide .Invitation .FloatingBoxTop {
  background: url('../Images/floatingBox2.gif') no-repeat -1387px top;
}

.WithSteps .LeftColumn .FloatingBoxContent,
.Wide .Invitation .FloatingBoxContent {
  background: url('../Images/floatingBox2.gif') no-repeat -1957px bottom;
}

.SearchCommunity .FloatingBoxTop {
  background: url('../Images/floatingBox2.gif') no-repeat -3109px top;  
}

.SearchCommunity .FloatingBoxContent {
  background: url('../Images/floatingBox2.gif') no-repeat -3620px bottom;
}

.SearchCommunity .FloatingBox {
  background: url('../Images/floatingBox2.gif') repeat-y -3364px top;
  width: 253px;
  margin: 2px 0 0 15px;
}

.Community .FloatingBoxTop {
  background: url('../Images/floatingBox2.gif') no-repeat -3875px top;  
}

.Community .FloatingBoxContent {
  background: url('../Images/floatingBox2.gif') no-repeat -4454px bottom;
}

.Community .FloatingBox {
  background: url('../Images/floatingBox2.gif') repeat-y -4165px top;
  width: 288px;
  margin: 2px auto 0 auto;
}





/******** SUB MENU ********/

.LeftColumn .FloatingBox ul li{
  background: url('../Images/lists.gif') repeat-x -5px bottom;
  zoom: 1; /*** IE6 hack ***/
}

.LeftColumn .FloatingBox ul li.Last {
  background-image: none;  
}

.LeftColumn .FloatingBox ul li a{
  font-size: 17px;
  font-weight: bold;
  color: #00a7fd;
  text-decoration: none;
}

.LeftColumn .FloatingBox ul li a:hover,
.LeftColumn .FloatingBox ul li.Selected a {
  color: #505050;
}

.LeftColumn .FloatingBox ul li.Selected a{
  background: url('../Images/lists.gif') no-repeat 5px -89px;
}


/******** FORMS **************/

input {
  border: 1px solid #a6a6a6;
  background: url('../Images/backgroundsX.gif') repeat-x left -42px;
}

select {
  border: 1px solid #a6a6a6;
}

textarea { 
  border: 1px solid #a6a6a6; 
  background: transparent url('../Images/backgroundsX.gif') repeat-x left -242px;   
  overflow: auto;
  font-family: Arial, sans-serif;
  font-size: 13px;   
}

/************** LINKS **************/

.FooterArea a {
  color: #fff;
  cursor: pointer;
}

a.Special {
  color: #98b914;
}

.Label a {
  font-size: 11px;
  color: #7f7f7f;
}

.FrontPage .Intro .SideBoxRight a.ChangeCommunity {
  color: #fff;
}

/*********** BUTTONS **************/


.Header .MainMenu li a.AboutDomatu {
    background: url('../Images/buttons.gif') no-repeat -170px -94px;
}

.Header .MainMenu li a.AboutDomatu:hover,
.Header .MainMenu li.Selected a.AboutDomatu{
    background: url('../Images/buttons.gif') no-repeat left -94px;
}

.Header .MainMenu li a.Communities {
    background: url('../Images/buttons.gif') no-repeat -170px -46px;
}

.Header .MainMenu li a.Communities:hover,
.Header .MainMenu li.Selected a.Communities {
    background: url('../Images/buttons.gif') no-repeat left -46px;
}

.Header .MainMenu li a.ResidentsArea {
    background: url('../Images/buttons.gif') no-repeat -170px top;
}

.Header .MainMenu li a.ResidentsArea:hover,
.Header .MainMenu li.Selected a.ResidentsArea{
    background: url('../Images/buttons.gif') no-repeat left top;
}

.Tabs ul li a.MyProfile {
    background: url('../Images/buttons.gif') no-repeat -170px -187px;
}

.Tabs ul li a.MyProfile:hover,
.Tabs ul li.Selected a.MyProfile {
    background: url('../Images/buttons.gif') no-repeat left -187px;
}

.Tabs ul li a.MyCommunity {
    background: url('../Images/buttons.gif') no-repeat -170px -142px;
}

.Tabs ul li a.MyCommunity:hover,
.Tabs ul li.Selected a.MyCommunity {
    background: url('../Images/buttons.gif') no-repeat left -142px;
}

a.Medium {
    background: url('../Images/buttons.gif') no-repeat left -234px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 27px;
}

a.Medium span {
    background: url('../Images/buttons.gif') no-repeat right -273px;
}

a.Medium:hover {
    background: url('../Images/buttons.gif') no-repeat left -1020px;
    color: #fff;
}

a.Medium:hover span {
    background: url('../Images/buttons.gif') no-repeat right -1054px;
}

a.Strong {
    background: url('../Images/buttons.gif') no-repeat left -363px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 41px;
}

a.Strong span {
    background: url('../Images/buttons.gif') no-repeat right -415px;
}

a.Strong:hover {
    background: url('../Images/buttons.gif') no-repeat left -1094px;
    color: #fff;
}

a.Strong:hover span {
    background: url('../Images/buttons.gif') no-repeat right -1146px;
}


a.NotActive {
    background: url('../Images/buttons.gif') no-repeat left -690px;
    cursor: default;
}

a.NotActive span {
    background: url('../Images/buttons.gif') no-repeat right -723px;
}

.FrontPage .SideBoxRight a.Strong {
    background: url('../Images/buttons.gif') no-repeat left -462px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 41px;
}

.FrontPage .SideBoxRight  a.Strong span {
    background: url('../Images/buttons.gif') no-repeat right -509px;
}

input.Small {
    background: url('../Images/buttons.gif') no-repeat left -556px;
    width: 76px !important;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    height: 28px !important;
    cursor: pointer;
    display: inline;  
    border: 0;    
    padding:0 0 2px 1px;  
    font-family: Arial, sans-serif;
}

input.BigButton {
    background: url('../Images/buttons.gif') no-repeat -93px -599px;
    width: 187px !important;
    height: 41px !important;
    font-family: Arial, sans-serif;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline;  
    border: 0;    
    font-size: 14px;
    padding:0 0 2px 1px;  
    float:right;
}

input.BlueNarrow {
    background: url('../Images/buttons.gif') no-repeat -233px -645px;
    width: 87px !important;
}

input.MediumButton {
    background: url('../Images/buttons.gif') no-repeat left -655px;
    width: 164px !important;
    height: 27px !important;
    font-family: Arial, sans-serif;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline;  
    border: 0;    
    font-size: 13px;
    padding:0 0 1px 1px;  
    float:right;
}

input.NextButton {
    background: url('../Images/buttons.gif') no-repeat left -599px;
    width: 87px !important;
    height: 41px !important;
    font-family: Arial, sans-serif;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: inline;  
    border: 0;    
    font-size: 14px;
    float:right !important;
    padding: 1px 10px 0 0;  
}

.FrontPage .SideBoxRight input.BigButton {
    background: url('../Images/buttons.gif') no-repeat -90px -552px;
    width: 167px !important;
}

/********** *****************/
input.SmallHover,
.WithTabs .RightColumn .PollItem input.SmallHover {
    background: url('../Images/buttons.gif') no-repeat left -884px !important;
}

input.BigButtonHover {
    background: url('../Images/buttons.gif') no-repeat -93px -916px;
}

input.BlueNarrowHover {
    background: url('../Images/buttons.gif') no-repeat left -961px;
}

input.MediumButtonHover {
    background: url('../Images/buttons.gif') no-repeat -81px -884px;
}

input.NextButtonHover {
    background: url('../Images/buttons.gif') no-repeat left -916px;
}
.FrontPage .SideBoxRight input.BigButtonHover {
    background: url('../Images/buttons.gif') no-repeat -96px -961px;
}
/********* *****************/


/********* HEADERS **********/

h2,
dl.Profile .Name {
  font-size:22px; 
  font-weight:normal; 
  color:#d6156c;
  margin-bottom: 6px;
}

.HeaderWrapper h3 {
  font-size:22px; 
  font-weight:bold; 
  margin-bottom: 6px;
  color:#505050;
  clear: left;
}

h3 {
  font-size:22px; 
  font-weight:normal; 
  color:#505050;
  margin-bottom: 12px;
}

.FrontPage .Intro .SideBoxRight h3 {
  font-size: 17px;
  color: #fff;
  font-weight: bold;
}

.WithSteps .LeftColumn h4,
.Invitation .Address h4 {
  color: #505050;
  margin-bottom: 5px;
}

h4 {
  font-size:17px; 
  font-weight:bold; 
  color:#9e9e9e;
}

h5 {
  font-size:22px; 
  font-weight:bold; 
  color:#505050;
  margin-bottom: 35px;
}

h6 {
  font-size: 12px;
  color: #9e9e9e;
  border-bottom: 1px solid #e5e5e5;
  font-weight: normal;
  padding-bottom:4px;
  margin: 10px 0 15px 0;
  float:left;
  width: 100%;
}

.FrontPage .Intro .SideBoxRight h2 {
  color: #fff;
}


/*********** FRONT PAGE ***********/

.Content .Intro ol li.Step1 a {
  background: url('../Images/imageComponents.png') no-repeat left top;
  color: #8a8a8a;
}

.Content .Intro ol li.Step2 a {
  background: url('../Images/imageComponents.png') no-repeat -250px top;
  color: #8a8a8a;
}

.Content .Intro ol li.Step3 a {
  background: url('../Images/imageComponents.png') no-repeat -472px top;
  color: #8a8a8a;
}

.Content .Intro ol li.Step1,
.Content .Intro ol li.Step2 {
  background: url('../Images/imageComponents.png') no-repeat right top;
}

.SideBoxRight {
  color: #fff;
}

.FrontPage .FloatingBox ul li {
  background: url('../Images/lists.gif') no-repeat left 1px;
}

/*********** PAGE WITH STEPS *****************/

.WithSteps .TopContent li.Active {
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #e5e5e5 #e5e5e5 #ffffff #e5e5e5;
}

.WithSteps .TopContent li {
  border-bottom: 1px solid #e5e5e5;
  color: #9d9d9d;
}

.WithSteps .TopContent li span {
  font-size: 17px;
  font-weight: bold;
  line-height: 37px;
  background: url('../Images/buttons.gif') no-repeat -223px -310px;
}

.WithSteps .TopContent li.Active span {
  color: #fff;
  background: url('../Images/buttons.gif') no-repeat -111px -310px;
}

.WithSteps .TopContent li.Visited span {
  color: #fff;
  background: url('../Images/buttons.gif') no-repeat left -310px;
}

.WithSteps .RightColumn .Map,
.WithoutSubmenu .Map,
.WithoutSubmenu .SmallMap {
  border: 1px solid #9e9e9e;
}

/*********** ICONS **************/

.WithTabs dl.Discussion dt span.NewUserIcon {
    background: transparent url('../Images/icons/allicons.gif') no-repeat left top;
}

.WithTabs dl.Discussion dt span.NewMeetingIcon {
    background: transparent url('../Images/icons/allicons.gif') no-repeat left -45px; 
}

.WithTabs dl.Discussion dt span.JoinMeetingIcon {
    background: transparent url('../Images/icons/allicons.gif') no-repeat left -90px;
}

.WithTabs dl.Discussion dt span.LeftMeetingIcon {
    background: transparent url('../Images/icons/allicons.gif') no-repeat left -135px;
}

.WithTabs dl.Discussion dt span.CancelMeetingIcon {
    background: transparent url('../Images/icons/allicons.gif') no-repeat left -180px;
}

.WithTabs dl.Discussion dt span.NoticeIcon {
    background: transparent url('../Images/icons/allicons.gif') no-repeat left -225px;
}

.WithTabs dl.Discussion dt span.QuestionIcon {
    background: transparent url('../Images/icons/allicons.gif') no-repeat left -270px;
}

.WithTabs dl.Discussion dt span.NewCommunityIcon {
    background: transparent url('../Images/icons/allicons.gif') no-repeat left -315px;
}

.WithTabs dl.Discussion dt span.DiscussionIcon {
    background: transparent url('../Images/icons/allicons.gif') no-repeat left -360px;
}

.WithTabs dl.Discussion dt span.CommentIcon {
    background: transparent url('../Images/icons/allicons.gif') no-repeat left -405px;
}