/* 
    Document   : main
    Created on : 2010-apr-11, 16:30:15
    Author     : jarkaos
*/

body, h1, h2, h3, h4, h5, h6, a, img, ul, p, span {
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
    list-style-type: none;
    color: #000000;
}

input.button {
    border: none;
    padding-top: 0;
}

ol {
    width: 250px;
    list-style-type: decimal;
}

ol li {
    
    margin-bottom: 10px;
    color: #FF0099;
}

#admin ol li {
    color: #000000;
}


ol.nospace li {
    color: #000000;
    margin-bottom: 0;
    
}

table {font-size: 15px;}

img {display: block;}

.clear {clear: both;}

a {cursor: pointer;}

.pink {color: #FF0099; font-weight: bold;}

body, td {
    font-family: Verdana, arial, sans-serif;
    font-size: 11px;
}

td {
    font-size: 0.7em;
}

body {
    background: #6AC5F1;
}

h1, h2, h3, h4, h5, h6, .titel, .footTitel, .companyNamnTitel, .popupTitle {
    color: #FFFFFF;
    font-family: Georgia;
    font-weight: normal;
    font-style: italic;
}

h4, h5, .popupTitle {font-weight: bold;}

h3, h5, .companyNamnTitel {color: #000000;}

h1 {font-size: 3.1em; margin: 0 15px;}

h2 {font-size: 2em;}

h3, .companyNamnTitel {font-size: 1.6em; line-height: 1.5em;}

h4 {font-size: 1.8em; margin-left: 15px; margin-right: 10px;}

h5 {font-size: 1.2em;  line-height: 1em;}

.productContainerHeader h2 {
    line-height: 1.8em;
}

.productContainerHeaderLeft h2, .productContainerHeaderRight h2 {
    line-height: 2em;
    margin-bottom: 10px;
}

.titel, .footTitel, .enhancerBottomLeft .list {color: #FF0099;font-weight: bold;}

.titel { font-size: 1.5em;}

.footTitel {font-size: 1.3em;}

.white, .white span {color: #FFFFFF;}

.white span {font-weight: bold;}

.enhancerBottomLeft .list { font-size: 1.1em; }

.indexpinkbox .white, .indexpinkbox h2 { margin: 0 15px; }

/*--- ERROR MESSAGES ---*/

.errorSms {color: #FF0099;}


#container {
    background: #FFFFFF;
    width: 1024px;
    position: relative;
    margin: 0 auto;
}

#wrapper {
    margin: 15px 15px 0 15px;
}

#admin #wrapper {
    padding-bottom: 10px;
}


/*---- MENU BEGIN ---*/

#menu li {float: left;}

#menu span {
    display: block;
    position: absolute;
    top: 152px;
    width: 93px;
    text-align: center;
    color: #586E00;
    font-weight: bold;
}

/*---- MENU END -----*/


/*---- START PAGE LAYOUT BEGIN  ----*/

.indexbluebox, .indexpinkbox, .greenbox {
    float: left;
}

.indexbluebox {
    background: url(/Fixafesten/images/background/blueBG.png) no-repeat;
    width: 735px;
    height: 365px;
    padding-top: 10px;
}

.indexpinkbox {
    background: url(/Fixafesten/images/background/pinkBg.png) no-repeat;
    width: 245px;
    height: 365px;
    margin-left: 14px;
    padding-top: 10px;
}

.indeximageboxleft, .indeximageboxright, .indextextbox {
    float: left;
    margin-top: 25px;
    width: 215px;
}

.indeximageboxleft {
    margin-left: 15px;
}

.indextextbox {
    margin-left: 15px;
    margin-right: 5px;
    width: 250px;
}


.greenBox {
   background: url(/Fixafesten/images/background/greenBg.png) no-repeat;
   width: 245px;
   height: 240px;
   margin-top: 15px;
   margin-left: 3px;
   margin-bottom: 15px;
   float: left;
}

.greenBox .titel {
    display: block;
    margin: 10px 15px 0 15px;
}

.greenBox img {
    width: 185px;
    height: 145px;
    margin: 15px 0 0 25px;
}

/*----- START PAGE LYOUT END   -------*/

/*---- PRODUCT PAGES LAYOUT BEGIN -----*/

.productContainer {
    width: 729px;
    margin-right: 15px;
    float: left;
}

.productContainerHeader, .productContainerHeaderLeft, .productContainerHeaderRight {
    background: url(/Fixafesten/images/background/bigTopBg.png) no-repeat;
    width: 730px;
    height: 160px;
    padding-left: 10px;
    margin-bottom: 10px;
}

.productContainerHeader h2, .productContainerHeaderLeft h2, .productContainerHeaderRight h2 {
    height: 43px;
}

.productContainerHeader .headerImage {
    width: 325px;
    margin: 5px 15px 0 0;
    float: left;
}

.productContainerHeader .headerText {
    width: 365px;
    float: left;
}

.productContainerHeaderLeft, .productContainerHeaderRight {
    background: url(/Fixafesten/images/background/smallTopBg.png) no-repeat;
    width: 350px;
    float: left;
}

.productContainerHeaderRight {
    margin-left: 9px;
}

.productContainerHeaderLeft .headerText, .productContainerHeaderRight .headerText {
    width: 335px;
    float: left;
}

.leftColumn, .centerColumn, .rightColumn {
    width: 233px;
    float: left;
    
}

.leftColumn, .centerColumn {
    margin-right: 15px;
}

.themeBoxGreen, .themeBoxBlue, .themeBoxPink {
    margin-bottom: 10px;
    height: 197px;
}

#admin .themeBoxGreen, #admin .themeBoxBlue, #admin .themeBoxPink {
    margin-bottom: 0;
}

.themeBoxGreen {
    background: url(/Fixafesten/images/background/themeGreenBg.png) no-repeat;
    
}

.themeBoxBlue {
    background: url(/Fixafesten/images/background/themeBlueBg.png) no-repeat;
}

.themeBoxPink {
    background: url(/Fixafesten/images/background/themePinkBg.png) no-repeat;
}

.themeBoxGreen h5, .themeBoxBlue h5, .themeBoxPink h5 {
    margin-left: 10px;
    height: 30px;
    padding-top: 3px;
}

.themeBoxGreen img, .themeBoxBlue img, .themeBoxPink img {
    width: 205px;
    height: 145px;
    margin-left: 10px;
    margin-top: 5px;
}

.greenTitleContainer, .blueTitleContainer, .pinkTitleContainer {
    height: 73px;
    text-align: center;
    margin-top: 10px;
}

.greenTitleContainer h3, .blueTitleContainer h3, .pinkTitleContainer h3 {
    font-weight: bold;
    line-height: 2.5em;
}

.greenTitleContainer {
    background: url(/Fixafesten/images/background/doitSelf.png) no-repeat;
}

.blueTitleContainer {
    background: url(/Fixafesten/images/background/buySelf.png) no-repeat;
}

.pinkTitleContainer {
    background: url(/Fixafesten/images/background/sendSelf.png) no-repeat;
}



.paginationButton, .footMessage, .friends {
    width: 725px;
    float: left;
}

.paginationButton {
    margin-top: 10px;
}

.bannersContainer {
    width: 250px;
    float: left;
}

.footMessage {
    margin-top: 20px;
}

.friends {
    width: 729px;
    text-align: center;
}

/*---- PRODUCT PAGES LAYOUT END -----*/

/*---- THEMES PAGES LAYOUT BEGIN ----*/

.enhancerTopLeft, .enhancerBottomLeft, .enhancerTopRight, .enhancerBottomRight,
#buildRoom .enhancerTopLeft, #buildRoom .enhancerBottomLeft, #buildRoom .enhancerTopRight, #buildRoom .enhancerBottomRight {
    width: 340px;
    height: 280px;
    float: left;
    margin-top: 10px;
}

.enhancerTopLeft, .enhancerBottomLeft  {
    margin-right: 20px;
}

#buildRoom .enhancerTopLeft, #buildRoom .enhancerBottomLeft {
    margin-right: 49px;
}

#buildRoom .enhancerTopLeft, #buildRoom .enhancerTopRight {
    margin-bottom: 39px;
}

#admin .enhancerBottomLeft, #admin .enhancerBottomRight {
    margin-top: 30px;
}

.enhancerTopLeft, .enhancerBottomRight {
    background: url(/Fixafesten/images/background/enhancerImagesBg.png) no-repeat;
}

.enhancerBottomLeft, #buildRoom .enhancerTopLeft,
#buildRoom .enhancerBottomLeft, #buildRoom .enhancerTopRight, #buildRoom .enhancerBottomRight {
    background: url(/Fixafesten/images/background/enhancerGreenBg.png) no-repeat;
}


.enhancerBottomLeft, #buildRoom .enhancerTopLeft,
#buildRoom .enhancerBottomLeft, #buildRoom .enhancerTopRight, #buildRoom .enhancerBottomRight {
    padding: 10px 15px;
    width: 310px;
    height: 260px;
}

.enhancerTopRight {
    background: url(/Fixafesten/images/background/enhancerBlueBg.png) no-repeat;
    padding-top: 10px;
}

.enhancerTopLeft img, .enhancerBottomRight img {
    width: 332px;
    height: 267px;
}

.enhancerTopRight .white {
    font-size: 1.1em;
    line-height: 1.4em;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
}

.enhancerBottomLeft .titel {
    display: block;
    margin-left: 15px;
    margin-top: 5px;
}


.enhancerListTable {
    margin-left: 15px;
    float: left;
}

.enhancerListTable td {
    padding: 3px;
    background: #FF0099;
}

/*---- THEMES PAGES LAYOUT END ----*/

/*--- IDEA LIST LAYOUT BEGIN ---*/

.companyWithLogotype, .thread {
    background: url(/Fixafesten/images/background/whiteBoxLong.png) no-repeat;
    float: left;
    width: 730px;
    height: 110px;
}

.thread {
    background: url(/Fixafesten/images/background/galleryBgMiddle.png) repeat-y;
    height: auto;
}

.ideaImage {
    float: left;
    width: 170px;
    margin: 15px 15px 0 15px;
}

.ideaImage img {
    width: 170px;
    height: 80px;
}

.ideaText {
    float: left;
    margin-top: 10px;
    width: 510px;
}

/*--- IDEA LIST LAYOUT END ----*/

/*--- CONTACT FORM LAYOUT BEGIN ---*/

#contactForm {
    float: left;
    background: url(/Fixafesten/images/background/emailFormBg.png) no-repeat;
    width: 730px;
    height: 215px;
    padding-left: 15px;
    padding-top: 10px;
}

#contactForm h2 {
    margin-bottom: 10px;
}

#redBackground {
    background: #C01679;
    height: 150px;
    width: 693px;
}

#emailFormLeft {
    float: left;
    width: 300px;
    padding-top: 10px;
    margin: 0 10px 0 15px;
}

#emailFormRight {
    float: right;
    padding-top: 10px;
    margin-right: 17px;
    width: 350px;
}

.contactBox {
    background: url(/Fixafesten/images/background/contactBg.png) no-repeat;
    width: 730px;
    height: 125px;
    float: left;
    margin-bottom: 10px;
}

.contactBox h2 {
    margin-left: 10px;
    line-height: 1.5em;
}

.contactBox .ideaImage {
    margin-top: 2px;
   
}

/*--- CONTACT FORM LAYOUT END ----*/



/*---- BUTTONS BEGIN ---*/

.buttonLeft, .buttonRight {
    background: url(/Fixafesten/images/button/buttonleft.png) no-repeat left top;
    height: 23px;
}

#admin .buttonLeft, #admin .buttonRight {
    margin-top: 5px;
}

.buttonLeft {
    float: left;
}

.buttonRight {
    float: right;
}

.button {
    background: url(/Fixafesten/images/button/buttonright.png) no-repeat right top;
    height: 23px;
    position: relative;
    display: block;
    padding: 5px 10px 0 10px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1em;
}

/*---- BUTTONS END ---*/

/*--- ROOMS LAYOUT BEGIN ----*/

.avatar, .invitedInfo, .roomInfo {
    float: left;
    margin-top: 5px;
    margin-right: 15px;
}

.invitedInfo, .roomInfo {
    width: 280px;
}

.avatar img {
    width: 100px;
    height: 80px;
}

.forum, .gallery {
    float: left;
}

.forum {
    background: url(/Fixafesten/images/background/forumBg.png) no-repeat;
    width: 210px;
    height: 160px;
    margin: 30px 0 0 20px;
}

.forum h2 {
     margin: 5px 0 0 10px;
}

.gallery {
    width: 475px;
    height: 340px;
    margin: 80px 0 0 22px;
    
}

#invited {
    border-collapse: collapse;
    width: 600px;
}

.tableTitel {
    background: #E2E2E2;
}

.thumbnailsPics {
    background: url(/Fixafesten/images/background/galleryBgMiddle.png) repeat-y;
    width: 735px;
   padding-bottom: 15px;
   
}

.picContainer {
     border: 1px #000000 solid;
     width: 90px;
     margin-left: 26px;
    float: left;
}

.pictureOption {
    float: right;
}

#options {
    background: url(/Fixafesten/images/background/galleryBgBottom.png) no-repeat;
    width: 735px;
    height: 43px;
}

#senderInfo, #postHolder {
    margin: 0 15px 10px 15px;
}

#senderInfo {
    background: #E2E2E2;
    padding: 5px;
}


/*---- ROOMS LAYOUT END ----*/

/*---- COMPETITION START ---*/
.competitionLeft {
    float: left;
    width: 360px;
}

.competition {
    background: url(/Fixafesten/images/background/pinkBoxCompetitionMiddle.png) repeat-y;
    width: 340px;
    height: auto;
    padding:0 10px;
}

.competition li {color: #ffffff;}


.competitionBox {
    float: left;
    width: 365px;
}

.odd, .even {
   background: url(/Fixafesten/images/background/greenBoxCompetitionMiddle.png) repeat-y;
    width: 365px;
    height: auto;
    float: left;
    /*padding:0 10px;*/
}

.even {
    background: url(/Fixafesten/images/background/blueBoxCompetitionMiddle.png) repeat-y;
}

.competitionExampleImage {
    float: left;
    width: 115px;
    height: 100px;
    margin: 0 10px;
}

.competitionExampleImage img {
    width: 115px;
    height: 100px;
}

.competitionExampleText {
    float: left;
    width: 215px;
    
}

/*---- COMPETITION END ---*/

/*----- POUP ----*/

.popup {
    background: #ffffff;
    padding: 5px;
    width: 273px;
    height: 192px;
    display: none; 
    z-index: 100;
    position: absolute;
    border: 1px black solid;
    text-align: left;
    filter:alpha(opacity=100); 
    -moz-opacity:.55;
    opacity:.95;
    margin-top: -250px;
    margin-left: 0px;
}

img.popupimage {
    width: 273px;
    height:192px;
}

#product, #product2, #product3, #product4, #product5, #product6, #product7, #product8, #passwordForm,
#accepted, #notComming, #dontknow, #invitation, #postComment, #editComment, #createThread, #createNewTheme,
#editThemePicture, #editThemeDescription, #uploadPdf, #showEnhancer, #createEnhancer, #bannerCreate {
    width: 230px;
	display: none;
	z-index: 100;
	position: absolute;
	background: #ff0087;
	border: 1px black solid;
	text-align: left;
	-moz-opacity:.25;
	opacity:.95;
	margin-top: -150px;
        padding: 10px;

}

 
#invitation {
    width: 270px;
}

#createThread, #postComment, #editComment, #createNewTheme, #editThemePicture, #editThemeDescription, #uploadPdf,
#showEnhancer, #createEnhancer, #bannerCreate, #accepted {
    width: 345px;
}

#createNewTheme {
    margin-left: 200px;
}

#showEnhancer {
    margin-top: -310px;
}

#passwordForm {
    margin-top: 230px;
    margin-left: 240px;
}

.close, ul li a  {color: #FFFFFF;}

#closeButton {
    margin-top: 5px;
    float: right;
}

#sendURL {
    background: url(/Fixafesten/images/background/sendUrl.png) no-repeat;
    width: 360px;
    height: 160px;
    padding: 10px 0 0 10px;
    margin: 50px 0 0 200px;
}

#sendURL .buttonLeft {
    margin-right: 5px;
}

/*--- CALENDER ---*/

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}



/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

/*---- ADMIN LAYOUT ---*/
/*-- theme enhancer begin ---*/

table#themesEnhancer td {
    padding: 0 3px 3px 3px;
}

.tableListName2, .tableListDelete2 {
    background: #9E0058;
   
}

.tableListName2 {
     width: 260px;
}

/*-- theme enhancer end ---*/

.adminIndexLeft {
    background: #e2e2e2;
    padding: 5px 10px 10px 10px;
    border: 1px solid #000000;
    float: left;
    width: 400px;
    margin-right: 20px;
}

.asd {
    background: #F7F7F7;
    border: 1px solid #000000;
    padding: 5px;
    
}

.gratisKit {
    position: absolute;
    margin: -270px 0 0 10px;
    font-family: Georgia;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
}



.leftColumn .ui-state-hover, .centerColumn .ui-state-hover,
.rightColumn .ui-state-hover {
    background: none;
    border: none;
    font-weight: normal;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 0 1em 0 0.4em !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    padding: 0 !important;
}