/* -- main styles -- */
* {color:#333; font-family: Arial, Sans-Serif, Serif; font-size: x-small;}

body {background: #dec594 url(/UI/images/framework/plankan.jpg) repeat left top; color:#333; margin: 0; padding: 0;}
img {border: none;}

h1 {font-size: 30px;}
h2 {font-size: 19px;}
h3 {font-size: 15px;}
p {font-size: 14px; margin:0 0 10px;}

label {font-size: 14px;}

ul, li { margin: 0; padding: 0; list-style: none;}

a {color: #904c15; outline:none white; text-decoration:none;}
a:hover { color: #6c3305 }
.col {float: left; margin: 0; padding: 0; border: none;}
.row, .cb {clear: both;}
.col_one, .row.col_one { margin-right: 10px; overflow: hidden; }
.twoCols .col { margin-right: 2.6%; width: 47.9%;}
.twoCols .col.last, .twoCols .col.lastCol { margin-right: 0;}
.twoMainCols .left {margin-right: 2.7%; width: 73.2%;} /* 73.2% */
.twoMainCols .right {width: 22.6%; /**overflow: hidden;**/ } /* 26.8%*/

#winWrap {width: 990px; margin: 0 auto; overflow: hidden;}
#docWrap {position:relative;}
.row {background: #fff; position: relative;}

input[type=button],
input[type=submit],
button {cursor: pointer;}

input[type=radio] { height: 14px; width: 14px; }

#topNavBar ul,
#nav ul {margin: 0; padding: 0; list-style: none;}

.hidden { display: none; }
.block { display: block; }

.floatRight {float:right;}
.floatLeft {float:left;}
.posRel {position:relative;}
.clearLeft {clear:left;}

.sprite,
li.byggmax_product.sprite a,
a.byggmax_product {background-image:  url(/UI/images/framework/byggla_sprite.png);}

.buttonRow {position: relative; clear: both; margin: 10px 0 0;}
.buttonRow input[type=button],
.buttonRow input[type=submit],
.buttonRow input[type=reset],
.buttonRow button {margin-right: 5px;}

    /* -- error -- */
    p.error, 
    p.error *,
    span.error,
    label.error,
    select.error,
    .userLogin fieldset label.error {color: #D82E00;}

    p.error,
    span.error {font-size: 14px;}
    input.error,
    select.error {border-color: #D82E00 !Important;}
    /* -- error -- */

span.moderator,
a.moderator {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -582px -990px; display: inline-block;
    padding: 0 0 0 25px; min-height: 20px;
}

a.byggmaxProduct,
a.byggmax_product,
li.byggmax_product a {background-position: -582px -785px; padding-left: 16px;}

li.byggmax_product.sprite,
li.external_product .sprite {background: none;}

* * {font-size: 1em;}

/* -- /main styles -- */

/* -- framework -- */

#content {width: 78%; margin-left: 22%; float: left;}
#content a:hover {color: #6c3305 !Important;}
#nav {width: 21.3%; margin-left: -100%; margin-top:10px; float: left;}
.row.first.startpage { margin-top: 8px; }
/*.row.first.startpage h1 {margin-top: -4px;}*/

.breadcrumbs {background-color:#F4EBDE; margin:20px 10px 0 0; overflow:hidden; text-transform:uppercase;}

.breadcrumbs .crumbWrap {float:left;}
.breadcrumbs .crumbWrap .crumbArrow {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -586px -111px; float:left; height:25px; width:11px;}
.breadcrumbs .crumbWrap.active {background-color:#EBDECC;}
.breadcrumbs .crumbWrap.active a {color:#333;}
.breadcrumbs .crumbWrap.active .crumbArrow {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -597px -111px; color:#333;}
.breadcrumbs .crumbWrap.active .arrowTip {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -608px -111px; float:left; height:25px; width:11px;}
.breadcrumbs .crumbWrap a {float:left; font-size:1.3em; padding:5px 5px 4px;}

.breadcrumbs .bookmarkLink {display: inline-block; float: right; margin-right: 10px;}
    
    #mainWrap {padding-bottom: 2em; }
    
    /* -- top -- */
    #top {position:relative;}    
    #top a {text-decoration:none;}
    #top .links {clear:both;}
    
    #top .logo {padding: 10px 10px 22px 10px; display: block; overflow: hidden; 
        position: relative; top: 12px; margin: 0; background: transparent url(/UI/images/framework/leftTop_mainArea.png) no-repeat;
    }
    #top .logo img {display: block; margin: 0;}
    
    #top .filler {background: #fff; width: 100%; height: 100px; position: absolute; top: 35px; }
    
    #top .tab {float: right;}
    #top .tab * {display: inline-block; font-size: 13px; line-height: 1.3; padding: 0; margin: 0; color: #cb0e0e !Important;}
    #top .tab a {display: block;}
    #top .tab a span {background-image: url(/UI/Images/framework/top_tabs.png);}
    
    #top .tab a span.start {width: 155px; height: 36px; background-position: -480px 0; background-repeat: no-repeat;}
    #top .tab a span.center {background-position: center -38px; background-repeat: repeat-x; padding: 10px 0 11px; position: relative; top: -13px; margin: 0 -4px; line-height: 17px;}
    #top .tab a span.end {width: 16px; height: 36px; background-position: -763px 0; background-repeat: no-repeat;}
    
    #ucPageHeader {position: absolute; top: 28px; left: 244px; }
        .textField.searchTop, .textField.wordListTop { margin-top: 0;}
        /* -- loggin -- */
       
       .userLogin * {font-size:14px;}
       .userLogin {white-space: nowrap; overflow:hidden;}
       
       .userLogin fieldset {background-color:#F6F1E9; border:none 0;margin:0; padding:7px 9px;}
       .userLogin fieldset label {color:#949494; float:left; margin-right:8px; margin-top:5px;} 
       /*.userLogin fieldset label.error {font-weight: bold; }*/
       .userLogin fieldset .textField {margin-right:7px;}
       .userLogin a.arrow {background:  url(/UI/images/framework/byggla_sprite.png) no-repeat -479px -765px; margin-left: 0; padding-right: 15px;
            font-size: 14px; font-weight: bold; display: inline-block; padding-bottom: 4px;
        }
       
       .userLogin .rememberPW * {font-size: 12px;}
       .userLogin .rememberPW { display: inline-block; margin-bottom: -9px; margin-left: 1px; position: relative; top: -8px; }
       .userLogin .rememberPW label { float: none; }
       .userLogin .rememberPW p { float: right; margin-bottom: 0; margin-top: 3px;}
       #ucPageHeader { width: 745px;}
       .userLogin .rememberMe input { margin: 0 4px 0 2px; position: relative; top: 2px; }
       #loggin fieldset { float: left; width: 596px; overflow: hidden;}
       
        /* -- fbConnect -- */
       .fbConnect { float: right; margin-left: 8px; }
       .fbConnect p { font-size: 11px; margin-bottom: 4px; }
       #content .fbConnect p { font-size: 12px; }
       .fbConnect input { background-color: transparent; background-image: url(/ui/images/fb.connect.png); background-repeat: no-repeat; border: none; height: 27px; margin: 0 5px; width: 108px; }
       #login_window .fbConnect { margin-top: 10px; }
       #new_user_window .fbConnect { float: none; margin: 0 0 5px 0; }
       #new_user_window .fbConnect input, #new_user_window .fbConnect p { display: inline; }
       .newMember .row.fbConnect { float: none; margin: 0 0 5px 0; }
       .newMember .fbConnect input { margin: 0; }
       .newMember .fbConnect p { display: inline; }
       
       
           /* Loged in */
           /*#logedIn {margin-top: -4px;}*/
           #logedIn .my_profile_link { padding-left: 10px; }
           #logedIn fieldset { width: 499px; overflow: hidden;}
           #logedIn fieldset select {border:2px solid #ebdecc;width:157px;}
           #logedIn fieldset select.margin {margin:0 10px;}
           #logedIn fieldset div.margin {margin:0 5px;}
           
           #logedIn .welcomeWrap {margin-bottom: 5px; width: 300px;}
           #logedIn .welcome { font-size: 16px;}
           #logedIn .links a {float:right; margin-left:65px;}
           #logedIn p {margin-bottom:3px;}
           #logedIn .name {font-weight:bold; float:left; margin-right:7px;}
           #logedIn .name span {font-weight:normal;}
           
           #logedIn ul {margin:0; padding:0;}
           #logedIn li {display:inline; list-style-type:none; margin:0; padding:0;}
           
           #logedIn li span {padding:0 5px 0 8px;}
           
           #logedIn .latestPoints {float:left; margin-left: 10px;}
           #logedIn .latestPoints * {font-size: 14px;}
           
           #logedIn .crLeft {left: 0; top: 0;}
           #logedIn .crRight {right: 0; top: 0;}
           
           #logedIn .crLeftBottom {left: 0; bottom: 0;}
           #logedIn .crRightBottom {right: 0; bottom: 0;}

        /* -- /loggin -- */
        
        /* -- topNavBar -- */
        #topNavBar { background: #ebdecc; font-size: 1.5em; height: 38px; overflow:hidden;}
        #topNavBar fieldset {display: inline-block; border: none; padding: 5px 0 3px 10px; margin-top: 1px;}
        #topNavBar ul { float:right; margin-left:-1px; margin-right:-1px; }
        #topNavBar li {float: left; padding: 5px 0;}
        #topNavBar li a {margin: 5px 0 0; padding: 0 10px; display: block; border-right: 1px solid #904C15; text-decoration: none;}
        
       /* -- /topNavBar -- */
    
    /* -- top -- */
    
    /* -- footer -- */
    #footer {background: #7a471e;}
    #footer * {color: #fff; font-size: 13px;}
    
    #footer .firstCol {width: 76.7%; margin: 0 2.1% 0;}
    #footer .lastCol {width: 17%; margin-right: 2.1%;}
    
    #footer .firstCol li {float: left; width: 23.7%; margin-right: 2.7%;}
    #footer .firstCol li.nth-child4n {margin-right: 0; width: 20%;}
    
    #footer li {line-height: 1.8; margin: 0;}
    #footer li a:hover {color: #ccc;}
    
    #footer h3 {border-bottom: 1px dashed #a0a0a0; padding-bottom: 7px; font-size: 14px; margin-bottom: 5px;}
    
    #footer > .cb {height: 30px;}
    
    /* -- /footer -- */
    
    /* -- fullWidthArea -- */
		#fullWidthArea {padding-bottom:4em;}
        /* -- nav -- */
        #nav ul {font-size:1.3em; margin:10px; padding:48px 0 5px; text-transform:uppercase;}
        #nav ul ul {font-size: 1em; margin:0; padding:0; text-transform:none;}
        #nav ul ul li a {background-color: #fbf7f2;}
        #nav ul li {border-bottom:1px solid #f4ebde;}
        #nav ul li li {border-bottom:0; }
        #nav ul li a {display:block; padding:5px 9px; text-decoration:none;}
        #nav ul ul li a {padding:5px 20px;}
        #nav .catList {background:transparent url(/UI/images/framework/nav_sprite.gif) no-repeat 0 0;}
        #nav .misc {background:transparent url(/UI/images/framework/nav_sprite.gif) no-repeat -190px 0;}
        
        #nav ul .active, 
        #nav ul .active {color:#333; background-color:#f4ebde;}
        #nav ul li a:hover {background-color:#f4ebde;}
        
        /* -- /nav -- */
        
        /* -- pageHeader -- */
        .pageHeader { margin: 0 10px 0 0; overflow: hidden; }
        .pageHeader h1 { margin-bottom: 5px; padding: 10px 0 0 0px;}    
        
        .bygglaIcon h1 {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -1349px -186px; padding: 6px 0 2px 45px;}
        .bygglaIcon h1  img { margin-left:10px; position:absolute; top:26px; }
        .editTools a { font-weight: bold; margin-left: 7px; margin-right: 10px;}
        /* -- /pageHeader -- */
        
        /*-- Product Categories --*/
        .catImg {position:absolute; top:19px; right:10px;}
        .prodCat h1 {border-bottom:1px dashed #949494; padding-bottom:10px;}
        /*-- /Product Categories --*/
        
        /* -- postNav -- */
        .postNav {font-size: 1.3em; height: 34px; margin-bottom: 10px; }
        .postNav.last { border-top:1px dashed #949494; padding-top: 20px; }
        .postNav fieldset {float: right; margin: 0 0 10px; padding: 0; border: none;}
        .postNav fieldset.paging {margin-right: 0; right: 0;}
        /* -- /postNav -- */
        
        /* -- post -- */
        .post .top {font-size: 13px; padding: 7px 10px; margin-bottom: 10px; overflow:hidden; position: relative; 
            background: #fff url(/UI/Images/framework/bg_posthead.gif) repeat-x; line-height: 1.5;
         }
        .post .top a { font-weight: bold; font-size: 14px; line-height: 1.5;}
        .post .top a.discussion_edit_reply, .post .top a.discussion_edit_post, .post .top a.discussion_reply_quote{ font-weight: normal;}
        .post .top .right a { font-size: 12px; }
        .post .left {width: auto; display: inline-block; margin: 0;}
        .post .left p {margin:0;}
        .post .right {float: right; white-space: nowrap; width: auto; display: inline-block; position: relative;}
        
        .post .right div {display: inline-block; float: left; margin-right: 5px;}
        .post .right div span {font-size: 12px; margin: 0; padding: 0; line-height: 1.1em;}
        
        .post .content {margin-bottom: 30px; padding: 0 10px;font-size: 14px; }
        /*.post .content > * {font-size: 1em; padding: 0 5px 0; }*/
        .entry_content li, .post .content li {margin-bottom: 10px;}
        
        .post .content blockquote { border: 2px solid #EBDECC; margin: 5px 0 10px 0; }
        .post .content blockquote blockquote { margin: 5px; }
        .post .content blockquote .discussion_quote_header { background: #fff url(/UI/Images/framework/bg_posthead.gif) repeat-x; padding: 5px; font-size: 12px;}
        .post .content blockquote .discussion_quote_content { padding: 5px; }
        .post .content textarea { width: 529px;} 
        #rtb textarea { width: 545px; }
        .post .content p.error { color: Red; font-weight: bold; }
        
        .entry_content ul, 
        .entry_content ol { font-size: 14px; }
        
        .entry_content ul, 
        .entry_content ol,
        .post .content ul, 
        .post .content ol {margin: 0 0 0 30px; padding: 0;}
        
        .entry_content ul li, .post .content ul li {list-style-type: disc;}
        .entry_content ol li, .post .content ol li {list-style-type: decimal;}
        
        .firstPost .top { margin-bottom: 0; background-image: url(/UI/Images/framework/bg_posthead2.gif);} 
        .firstPost .content { background-color: #fbf7f2; padding: 10px;}
        .firstPost .content p { font-size: 1em; }
        #rtb { margin-top: 10px; }
        
        /* -- post -- */
        
        /* -- firstRow -- */
        
        .first.row {border-bottom:1px dashed #949494; margin:0 10px 20px 0; padding: 10px 0 20px 0;}
        
        .first.row h1 {margin:0px 0 10px;}
        .first.row h2,
        .first.row h3 {margin:0 0 3px;}
        
        .first.row p { font-size: 13px;}
        .first.row .intro p { font-size: 15px;}
        
        .first.row .col.left {width: 48.5%; margin-right: 2.6%;}
        
        .first.row .col.mid,
        .first.row .col.right {width: 23%; position: relative;}
        
        .first.row .col.mid {margin-right: 2.6%;}
        
        .first.row > div ul {margin: 0; padding: 0; list-style: none;}
        
        .first.row div ul a {font-size: 14px; line-height: 20px;}
        .first.row div span a {font-size: 13px; line-height: 20px; background-position: -586px -763px; padding: 0 0 0 13px; 
            font-weight: bold; margin-top: 5px; display: inline-block;
         }
        
        
        .membersTopList { overflow:hidden;}
        .first.row .membersTopList h3 { margin-bottom: 24px; }
        .membersTopList .tabs {position: absolute; top: -19px; z-index: 5; overflow:hidden;}
        .first.row .membersTopList .tabs li a {float:left; line-height:normal; padding-top:3px; font-size: 12px;}
        .membersTopList .tabs_w { margin-top: 19px; position: relative; }
        .membersTopList .tabs li:first-child {margin-right:3px;}
        .membersTopList .tabs li {background-color:#f4ebdb; border-bottom:2px solid #EBDECC; float: left; font-size:0.9em; padding: 0px 1px 1px; text-align:center;}
        .membersTopList .tabs li.active {border:0 none;}
        .membersTopList .tabs li.active a {color:#333; padding-bottom:9px;}
                
        .membersTopList .tabs li.expCorners span {height:15px;}
        .membersTopList .tabs li.expCorners.active span {height:20px;}
        
        .membersTopList .tabs li.expCorners .left {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -704px -20px; margin-left:-1px;}
		.membersTopList .tabs li.expCorners .right {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -714px -20px; margin-right:-1px;}
		.membersTopList .tabs li.expCorners.active .left {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -582px -3px;}
		.membersTopList .tabs li.expCorners.active .right {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -694px -3px;}
		
		.membersTopList .tabs li.expCorners.active {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -585px -2px}
		.membersTopList .tabs li.expCorners.active.second {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -612px -2px;}
        
        .membersTopList .lists {background-color:#FBF7F2; border: 2px solid #ebdecc; padding:10px;}
        
        .membersTopList .lists ul {display: none;}
        .membersTopList .lists ul.active {display: block;}
        
        
        .first.row fieldset.col legend {font-size: 15px; font-weight: bold;}
        .first.row fieldset.col h3 {font-size: 13px;}
        .first.row fieldset.col label {display: block;}
        
        .first.row fieldset.col ul {font-size: 13px; list-style: none; margin: 10px 0 0; padding: 0;}
        .first.row fieldset.col ul li {float: left; width: 50%;}
        /* -- /firstRow -- */
        
        /* -- projects -- */
        .projects {margin: 0;}
        .projects h2,
        .projects h3 {margin: 0 0 3px;}
        .projects.projectListing h2 { margin-top: 15px; }        
        .twoCols.projects h2 {border-bottom:1px dashed #949494; margin-bottom: 10px; padding-bottom:12px !important;}
        .projects p {font-size: 1.3em; padding: 0 10px 0 0; margin: 5px 0;}
        .projects a.caption {font-weight: bold; font-size: 1.3em; display:block;}
        .projects a.caption span {color:#333; font-weight: normal;}
        
        .projects ul {list-style: none; margin: 0; }
        .projects li {float: left; width: 50%;}
        .projects li.col { margin-right: 5.5%; width: 47.2%;}
        
        .projects ul a {font-size: 1.3em;}
        
        .projects .col a {display:block; text-decoration:none;}
        
        .projects.twoCols .col .col {margin-bottom: 10px;}
        
        .projects .listBottom {margin-right:12px; margin-top:10px; margin-bottom: 0;}   
        .projects .normalList li {float:none;}
        
        .projects.threeOneCols,
        .projects.fourCols li a {font-size: 13px;}
        .projects.threeOneCols li h3 a,
        .projects.fourCols li h3 a {font-size: 15px;}
        
        /* -- /projects -- */
        
        /* -- discussion -- */
        .listHeading.discussion h2 {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -1349px -539px; 
            margin-top: 20px; margin-bottom: 0; display: inline-block;
         }
        .discussion {margin:0; padding: 0 10px 5px 0; position: relative; width: 760px; }
        .discussion ul {list-style: none; margin: 0; padding: 0;}
        .rss_w { display: block; float: right; margin-right: 20px; padding-top: 48px; }
        .discussion .tables {position:relative;}
        .discussion .tables .crRight {background:#FFE430 url(/UI/images/framework/byggla_sprite.png) no-repeat -583px -592px; position:absolute; right:0;top:0; width:9px; height:8px;}
        .discussion .tables .crLeft {background:#FFE430 url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -101px -628px; position:absolute; left:0;top:0; width:9px; height:8px;}
        /*.discussion_list, */
        .lists { margin-top: 20px; }
        
        .listHeading.discussion {width: 85%;}
        
        .discussion table {width: 100%;}
        .discussion table * {font-size: 1em; text-align: left;}
        .discussion table td {font-size: 13px; line-height: 2; padding: 5px 10px;}
                
        
        .discussion table th.first {padding-right:20px; padding-left:10px; width: 430px;}
        /*.discussion table th.second {padding-right:16px; width:200px;}*/
        .discussion table th.third {text-align:right;}
        .discussion table th.last {text-align:right;}
        
        .discussion table td.third {text-align:right;}
        .discussion table td.last {text-align:right;}
        .profilePage .discussion table td.last {text-align: center;}
        .discussion .tabs, .discussion .tabs2 {font-size:1.3em; left:180px; position:absolute; top:-30px; z-index:10;}
        .discussion .tabs li, .discussion .tabs2 li {float: left; margin-right: 5px; background: transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -587px -76px; padding: 7px 10px; position: relative; text-align:center; top: 1px; width:95px}
        .discussion .tabs li.active, .discussion .tabs2 li.active {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -586px -34px; padding-bottom: 19px; z-index:10;}
        .discussion .tabs li.active a,.discussion .tabs2 li.active a {color:#333;}
        
        .discussion div.tables table {display: none;}
        .discussion div.active table {display: table; float: left;}
        .discussion div.active { overflow: hidden; }
                
        .discussion table th {background-color:#ffe430; font-size:1.2em; padding:8px 10px 6px 10px; text-transform:uppercase; }
        .discussion table td {border-bottom:1px dashed #949494; font-size: 13px; line-height: 1.5; padding: 5px 10px 4px;}
        .discussion table td:first-child a {font-size: 1.25em;}
        .discussion table td:first-child a.moderator { background-position: -582px -988px; 1}
        .discussion .listBottom {border-top:0 none;}
        .discussion .listBottom p {float: left; margin-bottom: 0; font-weight: bold;}
        
        .discussion_list a.help {background: url(/UI/images/framework/byggla_sprite.png) no-repeat -582px -950px; padding: 1px 0 1px 25px;}
        
        /* -- discussion -- */
        
        /* -- profile -- */
        
        .twoCols.lists .col.bookmarks ul {margin:0; padding:0;}
        .bookmarks li {border-bottom:1px dashed #c9c9c9; font-size:1.4em; list-style-type:none; padding:7px 0px 7px 0; margin-right:10px;}
        .bookmarks li button {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -583px -641px; border:0 none !important; float:right; height:16px; width:16px;}       
        
        .threeOneCols > .col {width: 24%;}
        .threeOneCols .col.first-child {width: 75.6%;}
        .threeOneCols .col.first-child .col {width: 29.9%; border-bottom: 1px dashed #949494; margin-bottom: 5px; padding-bottom: 5px; margin-right: 3.5%;}
        .threeOneCols .col.first-child .col.lastCol {margin-right: 0;}
        /*.threeOneCols .col.first-child .col * {padding-right:20px;}*/
        
        .threeOneCols h3 {margin:10px 0 7px;}
        .threeOneCols.projects h2 {width:420px;}
        
        .profile {background-color:#F6F1E9; font-size:1.3em; margin:0 10px 20px 0; padding:10px; overflow:hidden;}
        .profile .profilePic {float:left; margin-right:20px; max-width:175px; overflow:hidden;}
        .profile .content {overflow:hidden;}
        .profile .profileInfo {border-bottom:1px dashed #949494; margin-bottom: 14px; padding:5px 0 10px; overflow:hidden;}
        .profile .profileInfoNormal {margin-bottom: 14px; padding:5px 0 10px; overflow:hidden;}
        .profile p {font-size:1em; margin-bottom:5px;}
        .profile .profileInfo > p {font-size: 15px;}
        .profile .profileInfoNormal > p {font-size: 15px;}
        
        .profile dl {float:left; margin:0 20px 0 0; width:175px;}
        .profile dt {float:left; font-weight:bold; padding-top:5px; padding-right:4px; min-height: 20px;}
        .profile dd {margin:0 0 0 3px; padding-top:5px; min-height: 20px;}
        
        .profile dl a.moderator {position: absolute;}
        .profile dl dd.moderator {padding-left: 25px; padding-top: 7px;}
        
        .profile p.webbsites {clear:left; float:left; margin-top:10px;}
        .profile ul.webbsites {clear:left;}
        .profile ul.webbsites li {float:left; margin-right:5px;}
        
        .profile .settings a {display: inline-block; font-weight:bold; padding: 5px 0 0;}
        .profile .settings button {background:transparent; border:0 none; color:#904C15; font-weight:bold; padding:0;}
        
        .profile #changePasswordBox {border-top: 1px dashed #949494; margin-top: 10px; padding-top: 10px;}
        .profile #changePasswordBox .inputs {float:left; margin-right:60px;}
        .profile #changePasswordBox .inputs input[type=password] {width:260px;}
        .profile #changePasswordBox .inputs label,
        .profile #emailBox label {display:block; font-weight:bold; margin-bottom:2px;}
        .profile #changePasswordBox .inputs div {clear:left;}
        .profile #changePasswordBox .message {font-style:italic; padding-top:15px;}
        
        .profile .websites {clear:left; padding-top:20px;}
        .profile .websites p {float:left; font-weight:bold; margin-right:5px;}
        .profile .websites ul {margin:0;}
        .profile .websites li {display:inline; list-style-type:none;}
        
        .profile .emailTextBox {border:3px solid #EBDECC; height:55px; margin-bottom:7px; width:97%;}
        /*.profile #emailBox button {font-size:16px; margin-right:7px; padding:3px 0 3px;}*/
        .profile #emailBox p {display:inline;}
        
        .powerUser {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -7px -189px; height:97px; position:absolute; right:45px; top:-35px; width:88px;}
        
        .profile h3 {margin: 0 0 10px;}
        
        /*.profile .craftsMan ul {float:left; padding:0; margin:0 20px 0 0; width:175px;}*/
        .profile .craftsMan ul li {font-weight: bold; list-style-type:none; padding:0 0 7px}
        
        .profile .craftsMan ul li.companyName {font-size: 14px;}
        .profile .craftsMan ul li.phone,
        .profile .craftsMan ul li a {font-size: 13px; font-weight: normal;}
        
        .profile .craftsMan h3 {margin: 0;}
        .profile .craftsMan p img {margin: 10px 0 0;}
        .profile .craftsMan .firstCol {width: 31.4%; margin-right: 3.8%;}
        .profile .craftsMan .lastCol {width: 64.8%;}
        
        .profile .craftsMan ul li span {font-weight: normal;}
        
        /* -- /profile -- */ 
        
        /* -- About Byggla -- */
        
        .aboutLeft {float:left; margin-right:2.5%; width:75%;}
        .aboutRight {margin-top:25px; overflow:hidden; width:22.5%;}
        .aboutRight ul {background-color:#fbf7f2; margin:0 10px 0 0; padding:16px 10px;}
        .aboutRight li {font-size:14px; list-style-type:none; padding:4px 0;}
        
        .row.infoWrapper {background-color:#f6f1e9; margin-bottom:20px; padding-top:5px; overflow:hidden;}
        .row.infoWrapper .row {background-color:#f6f1e9; margin:10px 10px 30px}
        .row.infoWrapper h2 {margin:0 0 7px;}       
        .row.infoWrapper dl,
        .row.infoWrapper ul  {font-size:14px; margin:0; padding:0;}
        .row.infoWrapper dt {float:left; font-weight:bold; padding:5px 0; width:320px;}
        .row.infoWrapper ul {margin-bottom:20px;}
        .row.infoWrapper dd {padding:5px 0;}
        .row.infoWrapper li {list-style-type:none; margin:0; padding:2px 0;}
        .row.infoWrapper p.question {font-weight:bold; margin:20px 0 2px ;}
        
        /* -- /About Byggla -- */
        
        /* -- smallBox -- */
        .rightColWrap {background-color: #FDFAE4; padding:15px 10px 15px;}
        
        .rightColWrap .smallBox {background: #FDFAE4; border-bottom:1px dashed #904c15; margin:0 0 10px; padding:0px 0px 15px; position: static;}
        .rightColWrap .smallBox.last { border: none; margin-bottom: 0; padding-bottom: 0;}
        
        .rightColWrap .smallBox h3 {font-size:1.8em; font-weight:normal; margin: 0 0 7px; padding: 0;}
        .smallBox h4 {font-size: 1.4em; margin: 0 0 5px;}
        .smallBox ul {list-style: none; margin: 0; padding: 0; font-size: 1.2em;}
        .smallBox ul li {margin-bottom: 6px;}
        .smallBox a {font-size:13px;}

        .smallBox ul li.listIndent_0 {}
        .smallBox ul li.listIndent_1 { margin-left: 10px; }
        .smallBox ul li.listIndent_2 { margin-left: 20px; }
        
        .smallBox .row {background: inherit;}
        .smallBox .create {display:block; margin-top:10px;}
        .smallBox input[type=text],
        .smallBox select {border:3px solid #EBDECC; color:#565656; font-size:14px; margin-bottom:4px; padding:4px 2px; width:94%;} 
        .smallBox select {padding: 0;}
        
        .smallBox.entryBox h4 {margin:6px 0;}
        
        .smallBox.entryBox li a {font-weight:normal;}
        .smallBox label {font-weight: bold; }
        
        .smallBox .x-icon {background-position: -585px -930px; width: 17px; height: 16px; float: left;}
        .smallBox .x-icon.hide {display: none}
        
        .relatedCategoriesBox p {margin-bottom: 0;}
        
        /* -- /smallBox -- */
        
        /* -- twoCols lists -- */
        .twoCols.lists .col > * {padding: 0 10px;}       
         
        .twoCols.lists fieldset {background-color:#F4EBDE; border:none; font-size:1.4em; margin:0; padding:2px 0 2px 5px; text-align:center;}  
             
        .twoCols.lists .row {padding-top: 5px;}
        .twoCols.lists .row p {border-top: 1px solid #000; padding-top: 7px;}
       
        .twoCols.lists .words {position:relative;}
        
        .twoCols.lists .words h3 { margin: 5px 0 0 0; padding:5px 0 6px 10px;}
        .twoCols.lists .words label {float:left; padding:6px 10px 0 7px;}
        .twoCols.lists .words input {font-size:1.1em;}
        .twoCols.lists .words .create {font-size:1.2em; font-weight:bold; padding-left:15px; position:absolute; right:-10px; top:26px;}
        
        .twoCols.lists .projects h2 {background: transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -1349px -186px;}
        .twoCols.lists .projects ul a {font-size:1em;}
        
        .twoCols.lists .content {background-color:#F7F2EB; margin-left:0; padding:10px 0 0; overflow:hidden;}
        .twoCols.lists .content ul {font-size: 1.4em; list-style: none; margin: 0; padding:0 10px 3px; overflow:hidden;}
        .twoCols.lists .content li {float: left; margin-bottom:7px; width: 50%;}
        .twoCols.lists .projects .content li {float: none; width: 100%;}
               
        .twoCols.lists .listBottom {background-color:#F4EBDE; padding:6px 8px;}
        
        .twoCols.lists .editedWords {margin-right: 2.6%;}
        
        .twoCols.lists.aboutByggla { position: fixed; }
        
        .twoCols .bookmarks {margin-right: 0;}
        
        /* -- /twoCols lists -- */
        
        /* -- Search result -- */
        
        .searchResult ul {border-top:1px dashed #949494; margin:20px 10px 0 0; padding:0;}
        .searchResult li {border-bottom:1px dashed #949494; list-style-type:none; padding:10px 45px;}      
        .searchResult li h3 {margin:0 0 3px;}
        .searchResult li h3 a {font-size:18px; font-weight:normal;}
        .searchResult li p {margin-bottom:0;}          
        .searchResult li.icon_all {background: url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -1350px -889px}
        .searchResult li.icon_profile {background: url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -1350px -798px}
        .searchResult li.icon_word {background: url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -1350px -355px}
        .searchResult li.icon_topic {background: url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -1350px -531px}
        .searchResult li.icon_construction {background: url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -1350px -178px}
        .searchResult select {border:3px solid #EBDECC; font-size:14px; margin-bottom:10px; width:190px;} 
        /* -- /Search result -- */
        
        /* -- Icons -- */
        .addWord, 
        .bookmark,
        .rss {font-size:1.2em; font-weight:bold; padding:0 0 0 18px;}
        .addWord {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -582px -440px; right:70px; top:13px;}
        .bookmark {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -582px -459px; right:50px; top:30px;}
        .create {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat -582px -575px; border:none 0; font-weight:bold; padding: 0 0 0 16px;}
        .rss { background-image:url(/UI/images/framework/byggla_sprite.png); background-position: -582px -404px;  }
        .icon_box { float: right; margin-top: 7px; }
        .icon_box a { display: inline-block; margin-left: 10px; }
        
        
        /* -- /Icons -- */
        
        
        /* -- wordList -- */        
        .wordSearch {background-color:#f6f1e9; border: none; margin: 0 10px 0 0; padding: 15px 10px;}
        .wordSearch fieldset {border:none; font-size:1.5em; padding:0;}
        
        .wordSearch > input {font-size: 13px;}
        .wordSearch fieldset label {float:left; font-weight:bold; margin:5px 15px 0 0;}

        .wordList ul,
        .wordList ol {font-size: 1.2em; list-style: none; padding: 0; margin: 0;}
        
        .relatedWordList { border-bottom:1px dashed #949494; margin:20px 20px 0 0; padding-bottom:20px; }
        .relatedWordList li {width: 25%; float: left;}
        .relatedWordList li a {font-size:1.2em;}
        
        .fullWordList {margin: 20px 0;}        
        .fullWordList div * {margin-right:20px;}
        .fullWordList div a {font-size:1.2em;}
        
        .fullWordList h3 {border-bottom:1px dashed #949494; font-size:1.8em; margin:0 20px 3px 0;}
        
        .fullWordList ol {margin-bottom: 20px;}
        
        .fullWordList div.col {width: 25%;}
        
        .wordList h2 {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -1349px -364px; width:250px;}
                
        /* -- /wordList -- */
        
        /* -- H2's with Icons -- */
        
        .discussion h2,
        .projects h2,
        .wordList h2,
        .myProjects h2 {margin:0; padding: 12px 0 9px 42px;}
        
        .projects h2 {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -1349px -186px; padding-bottom: 13px;}
        
        .twoCols.lists h2 {border-bottom:none; font-size:1.7em; display: block; margin-bottom:3px !important; padding:14px 10px 9px 45px !important;}
        
        .twoCols.lists .words h2,
        .editedWords h2 {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -1349px -361px; margin-top: 0;}
        
        .project h1,
        .discussion h1, 
        .discussion h2 {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -1349px -540px; margin-bottom: 20px;}
        
        .project h1 {background-position: -1349px -182px;}
        
        .discussion h1 input, .discussion h2 input {border:3px solid #EBDECC; font-weight: bold; padding:5px; width: 701px; }
        .twoCols.lists .bookmarks h2 {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -1349px -718px; border-bottom:1px dashed #949494; padding-bottom:12px !important;}        
        
        .discussion_list h2 {margin-bottom: 5px;}
        
        /* -- /H2's with Icons -- */
        
        /* -- grades -- */
        .grade { padding: 0; margin: 0 0px 20px 0; border: 1px dashed #949494; border-width: 1px 0;}
        .grade > p {margin: 1px 0px 8px 0;}
        .grades {display: inline-block; margin: 0 5px 0 0; padding: 0;}
        .grades span { display: inline-block; height: 14px; margin-right: 5px; width: 15px; background: url(/UI/Images/framework/grade_stars.png) no-repeat right top;}
        .grades span.on {background-position: 1px top;}
        .yourGrade .grades span { cursor: pointer; }
        .grade #comments {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -582px -421px; display: inline-block; margin-left: 20px; padding:0 0 0 18px;}
        .grade #comments span {color:#904C15}
        
        .grade .yourGrade {display: inline-block; margin-right: 40px;}
        .grade .projectGrade {display: inline-block;}
        .grade iframe { border: none; height: 21px; overflow: hidden; position: relative; top: 5px; width: 86px; }
        /* -- /grades -- */
        
        /* -- Pushes -- */
        
        .poll .content {background-color:#F7F2EB; font-size:1.2em; padding: 9px 0 10px 9px;}
 
        .poll .corners {background-color:#F7F2EB;}
        .poll .corners table { margin-top: 7px; }
        .poll .corners .crLeft {background:#F7F2EB url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -704px 0px;}
        .poll .corners .crRight {background:#F7F2EB url(/UI/images/framework/byggla_sprite.png) no-repeat -712px 0px;}
        .first.row .poll .corners h3 {font-size: 16px; margin: 0; padding: 0;}
        
        .poll .button {font-size:1.2em; margin-top:10px;}
        .poll .content td {padding:0 0 3px;}
        .poll .content input {float:left; margin:0 5px 0 0;}
        .poll .content h3 {font-size:13px; margin: 0 0 5px 0;}
        .poll .content dl {margin: 0 0 6px 0; padding-top: 9px;} 
        .poll .content dt {float:left; margin:0 10px 0 0; padding-bottom:5px; }
        .poll .content dd {margin:0; padding-bottom:5px;}
        .poll .button input {margin:0;}        
        .poll .corners button { margin: 4px 0; }
        /* -- /Pushes -- */
        
        /* -- ListBottom -- */
        
        .listBottom {background-color:#fbf7f2; border-top:1px dashed #949494; border-bottom:1px dashed #949494; padding:6px 12px; overflow:hidden;}
        .listBottom a {font-weight:bold; font-size:1.4em;}
        .listBottom .create {float:right;}
        
        /* -- /ListBottom -- */
        
    /* -- fullWidthArea -- */
    
    /* -- constructionPage -- */
    .constructionPage h2 {font-size: 2em; margin:0 0 5px; padding: 5px 0;}
    .constructionPage h2.outcast {background-color: #ff7200; color: #fff; font-weight: normal;margin:20px 0; padding-left:10px;text-transform: uppercase;}
    .constructionPage h3 {font-size: 1.9em; margin: 0 0 10px;}
    
    .js .constructionPage h2.outcast {visibility: hidden; padding: 4px 0;}
    .constructionPage h2.outcast .repeaterWrap {display: inline-block; margin: 0 0 0 -40px; overflow: hidden; white-space: nowrap; padding: 3px 0 0; line-height: 20px;}
    .constructionPage h2.outcast .repeaterWrap span {color: #fff; margin: 0 25px 0 0; white-space: nowrap; font-size: 20px; line-height: 20px;}
    
    .constructionPage .date {font-size: 1.2em; margin: 0;}
    
    .constructionPage .post { /*position: relative;*/ border-bottom: 1px dashed #949494; margin-bottom: 10px;}
    .constructionPage .postHeader input {position: absolute; top: -2px; right: 0;}
    .constructionPage .postHeader .help {margin: 0;}
    .constructionPage .entryHeader a { font-size: 12px; padding-left: 5px;}
    
    .constructionPage div div div div div {font-size: 1.3em;}
    .constructionPage div div div div div * {font-size: 1em;}
    
    .constructionPage .productsInImage h4,
    .constructionPage .productsInImage ul,
    .constructionPage .productsInImage li {float: left;}
    
    .constructionPage .productsInImage h4 {margin : 0 5px 0 0;}
    .constructionPage .productsInImage ul {margin: 0; padding: 0; list-style: none;}
    .constructionPage .productsInImage li {margin-right: 10px;}
    
    .constructionPage .imageInfo {position: relative;}
    .constructionPage .sliderControl {float: right; position: relative;}
    .sliderControl p {text-align: center; margin: 3px 0 -20px;}
    
    .constructionPage .comments { background-color: #f4ebde; margin-bottom: 15px; padding: 10px; }
    .constructionPage .comments .showHideComments { background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -582px -421px;padding:0 0 0 18px; }
    .constructionPage .comments .post {border-bottom: none;}
    .constructionPage .comments .post .postHeader {background: #ebdecc; padding: 4px 10px; overflow:hidden; line-height: 1.5;}
    .constructionPage .comments .post .postHeader .userName {text-decoration: none; font-size: 14px; font-weight: bold;}
    .constructionPage .comments .post .postHeader .right p {float:left; font-size: 12px; line-height: 20px; margin:0 10px 0 0;}
    .constructionPage .comments .post .content { background-color: #fff; margin-bottom: 15px; padding: 5px 5px 5px 10px;}
    .constructionPage .comments .comment_list { margin-bottom: 10px; }
    .constructionPage .comments .report { font-weight:bold; }
    
    .comments.video p {font-style: italic; margin: 5px 0 0;}
    
    .constructionPage .construction_comments .post {border-bottom: none;}
    .constructionPage .construction_comments .post .postHeader {background: #fff url(/UI/Images/framework/bg_posthead.gif) repeat-x; padding: 4px 10px; overflow:hidden; line-height: 1.5;}
    .constructionPage .construction_comments .post .postHeader .userName {text-decoration: none; font-size: 14px; font-weight: bold;}
    .constructionPage .construction_comments .post .postHeader .right p {float:left; font-size: 12px; line-height: 20px; margin:0 10px 0 0;}
    .constructionPage .construction_comments .post .content { background-color: #fff; padding: 5px 10px 0px;}
    .constructionPage .construction_comments .comment_list { margin-bottom: 10px; }
    .constructionPage .comments .report, .constructionPage .construction_comments .report { font-weight:bold; font-size: 12px;}
    .constructionPage .construction_comments .report { line-height: 20px;}
    
    .constructionPage .smallBox .image > * {float: left; margin-bottom: 12px;}
    .constructionPage .smallBox .image a {font-size: medium; text-decoration: none; font-weight: bold; margin: 5px 10px;}
    .constructionPage .smallBox p { font-size: 13px; }
    
    .constructionPage .smallBox dl {font-size: 1.3em; margin: 0; padding: 0;}
    .constructionPage .smallBox dt {float: left; margin-right: 5px; font-weight: bold;}
    .constructionPage .smallBox dd {margin: 0 5px 3px 0;}
    .constructionPage .rightColWrap div.imageName { 
        font-weight:bold; 
    }     
    .constructionPage .rightColWrap div.imageName {margin:10px 0; overflow:hidden; }
    .constructionPage .rightColWrap div.imageName img {float:left;max-height:50px; max-width:50px; margin-right: 8px;}
    .constructionPage .rightColWrap div.imageName a {overflow:hidden;}
    .constructionPage .rightColWrap div.imageName p {font-weight: bold;}
    .constructionPage a.label { font-size:15px; }
    
    .constructionPage .intro {font-size:16px;}
    
    .constructionPage .comments label {color: #904c15;}
    .constructionPage .construction_comments label {color: #904c15;}
    .constructionPage .comments p.first_comment { color: #904c15; font-size: 14px; font-weight: bold; }
    .constructionPage .comments textarea {border:3px solid #EBDECC; font-size:14px; margin-bottom:5px; width:530px; height:15px; padding:5px; overflow:hidden;}
    .constructionPage .construction_comments textarea {border:3px solid #EBDECC; font-size:14px; margin-bottom:5px; width:550px; height:15px; padding:5px; overflow:hidden;}
    
    .constructionPage .entry_list {border-top:1px dashed #949494; clear: both; margin-top: 15px; padding-top: 20px; }
    .constructionPage .entries {border-bottom:1px dashed #949494; margin-bottom: 15px; padding-bottom:5px;}
    .constructionPage .entry_content { margin-bottom: 10px; overflow: hidden; }
    .construction_totalvisit { float: right; padding-top: 7px; }
    /* -- /constructionPage -- */
    
    
    /* -- Form -- */
    
    .seventyThirty {padding:0 10px 15px 0;}
    .seventyThirty .row {margin-bottom:20px; overflow:hidden;}
    .seventyThirty .first.row {border-bottom:0; margin: 0 0 20px 0;padding:0;}
    
    .seventyThirty .row .right {background:#FFFFFF url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -777px -114px; 
        float:left; font-size:1.1em; font-style:italic; margin: 0; width:197px;
     }
    .seventyThirty .row .right p {background-color:#F7F2EB; font-size:1.1em; line-height:normal; margin: 0 0 0 20px; padding: 10px;}
    .seventyThirty .row .left {background-color:#F6F1E9; font-size:1.1em; float:left; padding:15px 10px; width: 545px;}
    .seventyThirty .row .left.noBg {background-color:#fff; padding:0;width: 565px;}
    
    .seventyThirty .row .left a {font-size:1.2em;}

    .seventyThirty .row .button {float:left;}
    /*.seventyThirty .row .button button {font-size:1.4em;}*/
    .seventyThirty .row .button.first {margin-right:7px;}
    .seventyThirty .row button.cancelButton {margin-top:3px;}
    .seventyThirty .row .button .left,
    .seventyThirty .row .button .right {padding:0;}
    
    .seventyThirty .row .removeButton {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -98px -685px; border:0 none; color:#fff; font-weight:bold; padding:8px 13px; text-transform:uppercase;}
    
    .seventyThirty .row .left h2 {margin-top:0;}
    .seventyThirty .row .left h3 {font-size: 16px; margin:0 0 10px;}
    .seventyThirty .row .left h4 {font-size: 12px;}
    /**.seventyThirty .row .left label {display:block; font-weight:bold; margin-bottom:1px;}**/
    .row .left label {display:block; font-weight:bold; margin-bottom:1px;}
    .row .left label.fontNormal { font-weight: normal; }
    .row .left label input { margin-right: 5px; }
    
    .seventyThirty .row .left fieldset {background-color:#F6F1E9; border:0 none; margin:0; padding:0;}
    .seventyThirty .row .left fieldset .row {background-color:#F6F1E9;}
    .seventyThirty .row .left fieldset .row.noMargin { margin-bottom: 0; }
    .seventyThirty .row .left fieldset .create {background-position: -579px -573px; border:0 none; color:#904C15; font-size: 14px; padding: 2px 0 0 18px;}
    .seventyThirty .row .left fieldset.dates select {margin-right:7px; width:70px;}
    .seventyThirty .row .left fieldset.dates select.first-child {width:120px;}
    
    .seventyThirty .row .left fieldset#phases input[type=text] {width:325px;}
    
    .seventyThirty .row .left .create.margin {margin-bottom:12px; display:inline-block;}
    
    .seventyThirty .row .left .cancel {display:inline-block; font-size:1.3em; font-weight:bold; margin:0 0 5px; text-decoration:none;}
        
    .seventyThirty .row .left input[type=text],
    .seventyThirty .row .left textarea { background-color: #fff; }
    /**
    .seventyThirty .row .left input[type=text],
    .seventyThirty .row .left textarea,
    .seventyThirty .row .left input[type=password],
    .seventyThirty .row .left select,
    .seventyThirty .row .left input[type=file],
    .profile input[type=password] { border:3px solid #ebdecc; font-size:14px; margin:0 10px 10px 0; padding:5px;}
    **/
    .seventyThirty .row .left select { padding: 0; }
    .seventyThirty .row .left input[type=radio], .seventyThirty .row .left input[type=checkbox] { position:relative; top:2px; }
    
    .row .left input[type=text],
    .row .left textarea,
    .row .left input[type=password],
    .row .left select,
    .row .left input[type=file],
    .profile input[type=password] { background-color: #fff; border:3px solid #ebdecc; font-size:14px; margin:0 10px 10px 0; padding:5px;}
    .row .left select { padding: 0;}
    
    .seventyThirty .row .left input[type=text].defaultValue {color: #949494;}
    
    .seventyThirty .row .left input[type=text],
    .seventyThirty .row .left textarea,
    .seventyThirty .row .left input[type=password]{width:529px;}
    .seventyThirty .row .left textarea {height:140px;}
    
    .seventyThirty .row .left input.large {width:315px !important;}
    .seventyThirty .row .left input.medium {width:250px !important;}
    .seventyThirty .row .left input.small {width:187px !important;}
    .seventyThirty .row .left input.xs {width:139px !important;}
    
    .seventyThirty .row .left input.error {border-color:#d82e00;}
    .seventyThirty .row .left label.error {color:#d82e00;}
    
    .seventyThirty .row .left .checkboxWrap {margin-bottom:10px; overflow:hidden; /*width:330px;*/}
    .seventyThirty .row .left .checkboxWrap label {font-weight:normal;}
    .seventyThirty .row .left .checkboxWrap input[type=checkbox] {float:left; margin-top: 0; margin-right:5px;}
    .seventyThirty .row .left .floating .create {display:block; margin-bottom:10px; padding-top: 2px;}
     
    #standard_dialog a.newuser, #standard_dialog .agreement a.arrow, .seventyThirty .row .left .agreement a.arrow{ background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -586px -765px; display:inline-block; font-size: 14px; margin-left:0; padding-bottom:4px; padding-left:11px; }
    #standard_dialog .agreement a.arrow { margin-top: 10px; }
    /* -- /Form -- */

    
    /* -- newMember -- */
    
    .newMember .row .left input[type=text],
    .newMember .row .left input[type=password] {width:325px;}
    .newMember .row .left select {width:167px;}
    
    .newMember .row .left input[type=text],
    .newMember .row .left input[type=password],
    .newMember .row .left select {font-size:14px;}
    
    #memberPolicyPageContainer {display: none; margin: 10px 0 20px; max-height :109px; overflow: auto; background: #fff; padding: 5px; border: 3px solid #EBDECC;}
    #memberPolicyPageContainer p {font-size: 13px; line-height: 1.3;}
    
    /* -- /newMember -- */
    
    /* -- related -- */
    
    .related_result_list {
        background-color: #fff;
        overflow-y: scroll;
        padding: 10px;
        width: 196px;    
    }
    
        .related_result_list li {
            background-color: #fff;
            font-size: 12px;
        }
        
        .related_result_list li a {     
            display: inline-block;      
            font-size: 12px;
            padding: 3px;
        }
        
        .related_result_list li a.product_name {           
             color: #904C15;
        }
        
        .related_result_list li.selected, .related_result_list li.omo {
            background-color: #EBDECC;
        }
        
    /* -- /related -- */
    
    /* -- forms -- */
    
        .image_container { clear: right; }
        .move_controller { background-image: url(/UI/images/framework/byggla_sprite.png); background-position: -102px -721px; float: right; height: 16px; margin-bottom: 10px; padding: 8px 6px 7px 6px; width: 59px; }
        .move_controller .move_up { background-image: url(/UI/images/framework/byggla_sprite.png); background-position: -102px -756px; display: block; float: left; height: 16px; margin: 0 5px 0 0; text-indent: -9999px; width: 17px; }
        .move_controller .move_down { background-image: url(/UI/images/framework/byggla_sprite.png); background-position: -122px -756px; display: block; float: left; height: 16px; margin: 0 3px 0 0; text-indent: -9999px; width: 17px; }
        .move_controller .move_delete { background-image: url(/UI/images/framework/byggla_sprite.png); background-position: -145px -756px; display: block; float: left; height: 16px; text-indent: -9999px; width: 17px; }
        
        .move_controller .move_up:hover { background-position: -102px -798px; }
        .move_controller .move_down:hover { background-position: -122px -798px; }
        .move_controller .move_delete:hover { background-position: -145px -798px; }
        
        .move_controller .move_up:active { background-position: -102px -777px; }
        .move_controller .move_down:active { background-position: -122px -777px; }
        .move_controller .move_delete:active { background-position: -145px -777px; }
        
        .move_controller .move_up.disabled { background-position: -102px -819px; cursor: default; }
        .move_controller .move_down.disabled { background-position: -122px -819px; cursor: default; }
        .move_controller .move_delete.disabled { background-position: -145px -819px; cursor: default; }
        
        .image_product_links { background-color: #e8d2b4; overflow: hidden; padding: 5px 5px 0 5px;}
        .image_product_data { margin-bottom: 5px; }
        .image_add_product { display: block; margin-top: 5px; width: 200px; }
        .seventyThirty .row .left .image_product_links input { margin-bottom: 0; }
        .seventyThirty .row .left .image_product_links label { display: inline; margin-left: 25px; }
        .seventyThirty .row .left .image_product_links .delete_box { background-image: url(/UI/images/framework/byggla_sprite.png); background-position: -102px -685px; float: right; height: 16px; padding: 8px 7px 7px 7px; width: 17px; }
        .seventyThirty .row .left .image_product_links .delete_link { background-image: url(/UI/images/framework/byggla_sprite.png); background-position: -145px -756px; display: block; float: left; height: 16px; text-indent: -9999px; width: 17px; } 
        .seventyThirty .row .left .image_product_links .delete_link:hover { background-position: -145px -798px; }
        .seventyThirty .row .left .image_product_links .delete_link:active { background-position: -145px -777px; }
        .seventyThirty .row .left .image_product_links .delete_link.disabled { background-position: -145px -819px; cursor: default; }
    /* -- /forms -- */    
    
    /* -- Buttons && Textfields -- */
	
	button {cursor:pointer;}
	
	button.small,
	button.medium,
	button.large,
	button.Xlarge,
	input.button,
	button.search {border:0 none; background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat 0 0; 
        color:#fff; font-size:14px; font-weight:bold; outline-color: #904c15; padding: 4px 0 8px; text-align:center;}
	
	button.small, input.button {background-position:-5px -56px; width:90px;}
	button.small:hover, input.button:hover {background-position:-5px -120px;}
	button.small:active, input.button:active {background-position:-5px -88px;}
	button.small:disabled, input.button:disabled {background-position:-5px -152px;}
	
	button.medium {background-position:-100px -56px; width:120px;}
	button.medium:hover {background-position:-100px -120px;}
	button.medium:active {background-position:-100px -88px;}
	button.medium:disabled {background-position:-100px -152px;}
	
	button.large {background-position:-225px -56px; width:150px;}
	button.large:hover {background-position:-225px -120px;}
	button.large:active {background-position:-225px -88px;}
	button.large:disabled {background-position:-225px -152px;}
	
	button.Xlarge {background-position:-382px -56px; width:200px;}
	button.Xlarge:hover {background-position:-382px -120px;}
	button.Xlarge:active {background-position:-382px -88px;}
	button.Xlarge:disabled {background-position:-382px -152px;}
	
	button.search {background-position: -1113px -1px; height: 25px; padding: 2px 0px 5px 8px; text-align:left; width: 63px; margin-bottom: -1px;}
	button.search:hover {background-position:-1113px -28px;}
	button.search:active {background-position:-1113px -55px;}
	
	/* Login input */
	input.button {border:0 none;}
	
	/* /Login input */
	
	/* -- 404 -- */
	
	.fourZeroFour {background-color:#F7F2EB; padding:20px 10px; width:565px;}
	.fourZeroFour * {font-size:14px;}
	.fourZeroFour li {margin:5px 0;}
	
	/* -- /404 -- */
	
	.textField {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat 0px 0px; border:none 0; color:#333; float:left; font-size:14px; padding:6px 6px 5px;}
	
	.textField.Xsmall {background-position:-809px 0px; width:121px;}
	.textField.small {background-position:-382px -56px; width:200px;}
	.textField.medium {background-position:-809px -31px; width:175px;}
	.textField.large {background-position:-1201px 0px; width: 191px; }

	.cancelButton {background-color:transparent !important; border:0 none; color:#904C15; cursor:pointer; font-size:14px; font-weight:bold; margin-top:1px;}
    
    /* -- /Buttons && Textfields-- */
    
    /* -- Round corners -- 
    -- Background-image is set induvidually .left & .right, standard is: class="corners styleA" */
    
    .corners {
        -moz-border-radius-bottomleft: 10px;
	    -moz-border-radius-bottomright: 10px;
	    -moz-border-radius-topleft: 10px;
	    -moz-border-radius-topright: 10px;
	    -webkit-border-top-left-radius: 10px;
	    -webkit-border-top-right-radius: 10px;
	    -webkit-border-bottom-left-radius: 10px;
	    -webkit-border-bottom-right-radius: 10px;
	    position:relative;
	}
	 
    .corners span.crLeft,
    .corners span.crRight,
    .corners span.crLeftBottom,
    .corners span.crRightBottom {
        display: none;
    }
    
    .corners span.crLeft,
    .corners span.crRight,
    .corners span.crLeftBottom,
    .corners span.crRightBottom {position:absolute; height:9px; width:10px;}
    
    .corners span.crLeft,
    .corners span.crRight {top:0;}
    
    .corners span.crLeftBottom,
    .corners span.crRightBottom {bottom:0;}
        
    .corners span.crLeft, 
    .corners span.crLeftBottom {left:0;}
    .corners span.crRight,
    .corners span.crRightBottom {right:0;}
    
    .userLogin .corners span.crLeftBottom,
    .userLogin .corners span.crLeft {left:-9px;}

    .userLogin .corners span.crRightBottom,
    .userLogin .corners span.crRight {right:9px;}

    .userLogin .corners span.crLeftBottom,
    .userLogin .corners span.crRightBottom {bottom:-7px;}
          
    .userLogin .corners span.crLeft,
    .userLogin .corners span.crRight {top:-7px;}
    
    .expCorners {overflow:hidden;}
    .expCorners span {float:left; width:8px;}
    
    .corners.styleA span.crLeft {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -704px 0}
    .corners.styleA span.crLeftBottom {background: transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -704px -9px}
    .corners.styleA span.crRight {background: transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -712px 0}
    .corners.styleA span.crRightBottom {background: transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -712px -9px}
    
    .corners.styleB span.crLeft {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -704px -40px}
    .corners.styleB span.crLeftBottom {background: transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -704px -50px}
    .corners.styleB span.crRight {background: transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -712px -40px}
    .corners.styleB span.crRightBottom {background: transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -712px -50px}    
    
    /* -- /Round corners -- */
    /* -- icons -- */
    h1.heading_1 { /*background-image: url(/UI/images/framework/byggla_sprite.png); background-position: -100px -186px;*/ background-repeat: no-repeat; padding-left:45px; }
    
    
    /* -- /icons -- */
       
/* -- /framework -- */


/* -- jQuery UI -- */

.ui-corner-all {
    -moz-border-radius: 10px;
    
    -webkit-border-radius: 10px;
}

.ui-corner-top {
    -moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}


.ui-corner-bottom {
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

body.hasOverlay {overflow-x: hidden; overflow-y: auto;}

.ui-widget-overlay {
	background-image: url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png);
    left: 0px;
    opacity: 0.5;
	position: absolute;
	top: 0px;
}

.ui-dialog {
    background-color: #f6f1e9;
    padding: 10px;
}

        .ui-dialog .box {
            overflow: hidden;
            padding: 10px;
        }
        
        .ui-dialog .box h2 { margin-top: 0; }
        
        .ui-dialog .box label,
        .ui-dialog .box input{ display: block;}
        .ui-dialog .box input {font-size: 12px;}
        .ui-dialog .box label { clear: both; display:block; font-weight:bold; margin-bottom:1px;}
        .ui-dialog .box label.remember { clear: none; font-weight: normal; }
        .ui-dialog .box input[type=text],.ui-dialog .box input[type=password], .ui-dialog .box textarea { border:3px solid #EBDECC; font-size:14px; margin-bottom: 10px; padding:5px; width: 429px;}
        .ui-dialog .box textarea { height: 150px;}
        .ui-dialog .box input[type=checkbox] { float: left; margin: 0px 5px 0px 0; }
        .ui-dialog .box p { clear: left; }
        .ui-dialog .box p a { font-weight: bold;}
        /*.ui-dialog .box .newuser { background-image: url(/UI/images/framework/byggla_sprite.png); background-position: -582px -421px; padding: 2px 0 0 20px;}*/
                
        .ui-dialog button {
            clear: both;
            margin-top: 10px;
        }

.ui-dialog-titlebar-close {
    float: right;
}

.ui-dialog-titlebar {
    display: none;
}

/* -- /jQuery UI -- */

/* -- tinyMCE UI -- */

#product_link_tr td,
#external_link_tr td{
    padding: 3px;
}

#product_link_tr input,
#external_link_tr input{
    margin: 3px;
}

#product_link_tr label.first,
#external_link_tr label.first{
    display: inline-block;
    width: 55px;
}

.seventyThirty .row .left #product_link_tr input,
.seventyThirty .row .left #external_link_tr input {
    width: 150px !important;
}


#product_link_tr label,
#external_link_tr label{
    display: inline;
    font-weight: normal;
    padding: 0 3px;
}

#product_link_tr .product_link_wrapper,
.product_link_wrapper {
    background-color: #fff;
    border: 5px solid #EBDECC;
    overflow: hidden;
    padding: 10px;
    width: 513px;
}

#product_link_tr .product_link_wrapper {
    left: 10px;
    width: 516px;
}

#rtb #product_link_tr .product_link_wrapper {
    left: 0px;
    width: 522px;
}

.rightColWrap .product_link_wrapper { left: -152px; width: 290px }

.product_link_wrapper p{
    font-style: italic;
    margin-bottom: 10px;
}

.product_link_wrapper ul {
    overflow-y: auto;
    overflow-x: hidden;
}

.post .content .product_link_wrapper ul {
    margin-left: 0;
}

.rs_pi_outside {
    margin-left: -2px;
    width: 515px;
}

/* -- /tinyMCE UI -- */


/* -- newRelatedCategories -- */
.newRelatedCategories {font-size: 15px;}
.newRelatedCategories input {background-color: transparent !Important;}
.newRelatedCategories .col {width: 33%;}

/*.seventyThirty .row .newRelatedCategories select {margin: 0 0 10px 0; padding: 0;}*/

.newRelatedCategories .col {position: relative;}
.newRelatedCategories .col input[type=button] {font-size: 10px; margin-bottom: 10px;}

.newRelatedCategories ul {list-style: none; margin: 0; padding: 0;}
.newRelatedCategories select, 
.newRelatedCategories ul {float: left; position: relative;}

.newRelatedCategories ul.topUL,
.newRelatedCategories li {clear: both; position: relative;}

.newRelatedCategories li select {width: 158px;}

.newRelatedCategories ul.topUL {margin: 0 0 10px; width: 98%; background-color: #f4ebde; padding: 10px 1% 0;}
.newRelatedCategories li {margin: 0; padding: 0 0 0 10px; position: relative;}

.newRelatedCategories ul ul, .newRelatedCategories ul ul li {background-image: url(/UI/Images/framework/categoryTree2.png);}

.newRelatedCategories ul ul {background-position: 14px 0; background-repeat: repeat-y;}
.newRelatedCategories ul ul li {background-position: -785px 10px; background-repeat: no-repeat;}

.newRelatedCategories ul ul.only-child {background: none;}

.newRelatedCategories ul.topUL ul li {padding-left: 30px;}

.newRelatedCategories ul.topUL > li > ul li:first-child {background-position: -800px 10px;}
.newRelatedCategories li.addButton {padding-bottom: 10px; padding-left: 37px !Important; background-position: -1154px -41px;}

.newRelatedCategories li.addButton input {background: transparent url(/UI/Images/framework/addCategory.gif) no-repeat 0 5px; border: none;
    color: #904C15; font-size:0.85em; font-weight: bold; padding-left: 10px; position: relative; top: 3px;
}

.newRelatedCategories li:first-child li:first-child .top-span {display: block; width: 2px; height: 10px; background: #f4ebde; position: absolute; top: 0; left: 14px;}

/*.categoryAdded {color: #ee793a;}*/
.categoryAdded a {color: #ee793a;}
/* -- newRelatedCategories -- */

/* -- report discussion -- */

.reportEntity select {display: none;}

/* -- /report discussion -- */

/* -- phases & members -- */
/* the_phases.png */
#phases li,
#phases p,
.members li,
.members p {clear: both;}

#phases p a,
.members p a {padding: 2px 0 0 22px;}

#phases ol,
.members ul {list-style: none; margin-left: 0; padding-left: 0;}

/* /UI/images/framework/byggla_sprite.png */
#phases li .buttons,
.members li .buttons {background: url(/UI/images/framework/byggla_sprite.png) no-repeat -103px -720px; 
    display: inline-block; width: 72px; height: 31px; position: relative; top: -5px; margin-left: 5px;
}

#phases li .buttons span,
.members li .buttons span {display: inline-block; width: 16px; height: 17px; position: relative;
    top: 7px; left: 6px; margin-right: 4px; cursor: pointer; background: url(/UI/images/framework/byggla_sprite.png) no-repeat;
}

#phases li .buttons span.up,
.members li .buttons span.up {margin-right: 8px; background-position: -103px -755px;}

#phases li .buttons span.down,
.members li .buttons span.down {background-position: -123px -755px;}

#phases li .buttons span.remove,
.members li .buttons span.remove {background-position: -146px -755px;}

.members ul li span.remove {top: 5px;}

#phases li.first-child .buttons span.up,
.members li.first-child  .buttons span.up,
#phases li.only-child .buttons span.up,
.members li.only-child  .buttons span.up {background-position: -103px -818px;}

#phases li.last-child .buttons span.down,
.members li.last-child .buttons span.down,
#phases li.only-child .buttons span.down,
.members li.only-child  .buttons span.down {background-position: -123px -818px;}

#phases li .buttons span.omo.up,
.members li .buttons span.omo.up {margin-right: 8px; background-position: -103px -797px;}

#phases li .buttons span.omo.down,
.members li .buttons span.omo.down {background-position: -123px -797px;}

#phases li .buttons span.omo.remove,
.members li .buttons span.omo.remove {background-position: -146px -797px;}

#phases li.first-child .buttons span.up,
.members li.first-child  .buttons span.up,
#phases li.only-child .buttons span.up,
.members li.only-child  .buttons span.up {background-position: -103px -818px;}

#phases li.last-child .buttons span.down,
.members li.last-child .buttons span.down,
#phases li.only-child .buttons span.down,
.members li.only-child  .buttons span.down {background-position: -123px -818px;}



#phases li.only-child .buttons span.down,
#phases li.only-child .buttons span.up,
#phases li.first-child .buttons span.up,
#phases li.last-child .buttons span.down,
.members li.only-child .buttons span.down,
.members li.only-child .buttons span.up,
.members li.first-child .buttons span.up,
.members li.last-child .buttons span.down {cursor: text;}

.members li input[type=text].first {margin-right: 5px;}

.members ul li a {display: inline-block; background: #fff;}
.members ul li a:focus {background: green;}

.rolesAndMembers label,
.rolesAndMembers h4 {margin: 5px 0; margin-bottom: 5px !Important;}

.rolesAndMembers h4 {font-size: 14px !Important; margin-top: 0;}

.members .firstPhase {display: none;}

/* -- /phases & members -- */

/* -- websites -- */
.websites ul {margin-left: 0; padding-left: 0; list-style: none;}
.websites ul li {position: relative;}
.websites ul li span { font-size: 12px; margin: 0 3px 0 7px;}

.websites ul li span.remove {display: inline-block; height: 31px; position: absolute; top: 17px; left: 352px; cursor: pointer;}
.websites ul li span.remove * {background: url(/UI/Images/framework/the_phases.png) no-repeat; display: inline-block; margin: 0;}

.websites ul li span.remove span.start {width: 6px; height: 31px;}
.websites ul li span.remove span.end {width: 22px; height: 31px; background-position: right top;}


/* -- /websites -- */

/* -- constructionDefaultImg -- */
.constructionDefaultImg ul {margin-left: 0; padding-left: 0; list-style: none;}
.constructionDefaultImg ul li {float: left; width: 25%; text-align: center; overflow: hidden; position: relative;}
.constructionDefaultImg ul li img {display: block; margin: 0 auto; border: double 5px transparent;}

.constructionDefaultImg ul li img.selected {border-color: green;}

.constructionDefaultImg ul li input[type=radio] {visibility: hidden; position: absolute; top: 0;}

/* -- /constructionDefaultImg -- */

/* -- imageRotator -- */
.imageRotator {position: relative; display: block; width: auto; overflow: hidden;}
.imageRotator div.image {overflow: hidden; width: 544px; margin-bottom: 40px;}
.js .imageRotator div.image {margin-bottom: 0;}
.imageRotator.showAll div.image { margin-bottom: 20px; }
.imageRotator img {display: block;}
.productsInImage { line-height: 18px; margin: 5px 0; }
/*.imageRotator div.image {min-height: 390px; min-width: 533px;}*/
/* -- /imageRotator -- */


/* -- projectList tabs -- */
.tabWrap {position: relative; top: 0; text-align: center; margin-bottom: -43px; margin-right: 17px;}
.projectListing.tabWrap { margin-bottom: 0px; }
/**
.projectList.tabs {font-size:1.3em; /*left:180px; position:absolute; top:-30px; z-index:10;*/
    /**display: inline-block; position: relative; top: -54px;
}
.projectList.tabs li {float: left; margin-right: 5px; background: transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -103px -900px;
    padding: 5px 10px 7px; position: relative; text-align:center; top: 4px; width: 99px; }
.projectList.tabs li.active {background: transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll  -103px -860px; padding-bottom: 19px; z-index:10;}
.projectList.tabs li.active a {color:#333;}
**/

.projectList.tabs {font-size:1.3em; left:180px; position:absolute; top:-30px; z-index:10;}
.projectList.tabs li {float: left; margin-right: 5px; background: transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -587px -76px; padding: 7px 10px; position: relative; text-align:center; top: 1px; width:95px}
.projectList.tabs li.active {background:transparent url(/UI/images/framework/byggla_sprite.png) no-repeat scroll -586px -34px; padding-bottom: 19px; z-index:10;}
.projectList.tabs li.active {color:#333;}

/* ebdecc */
.tabWrap .tabBottom {background: #FFE430; height: 15px; margin-bottom: 9px; clear: both; position: relative; top: -15px;}
.projectListing.tabWrap .tabBottom { top: 0; }
/* -- /projectList tabs -- */

/* -- paging -- */
.pagingWrap {position: relative; height: 38px; overflow: hidden;}
.paging {background: #fbf7f2; border: none; display: inline-block; position: absolute; right: 10px; padding: 5px 10px !Important;}
.paging,
.paging * {font-size: 14px;} 
.paging a {display: inline-block; background: transparent url(/UI/images/framework/byggla_sprite.png) no-repeat; height: 18px; width: 11px; text-indent: -9000px;}
.paging a.prev {background-position: -586px -845px; margin-right: 3px;}
.paging a.next {background-position: -586px -872px; margin-left: 4px;}
.row .paging select {background-color: #fff; border:3px solid #ebdecc; font-size:14px; margin:0; padding:0px;}
.row .paging label { font-weight: normal; }
.row .left .paging label { display: inline; }
.row .left .paging select { margin-bottom: 0; }

.paging .crLeft,
.paging .crRight,
.paging .crLeftBottom,
.paging .crRightBottom {background: transparent url(/UI/images/framework/byggla_sprite.png) no-repeat; width: 8px; height: 8px; display: block; position: absolute;}

.paging .crLeft,
.paging .crRight {top: -5px;}
.paging .crLeft {background-position: -586px -900px;}
.paging .crRight {background-position: -592px -900px;}

.paging .crLeftBottom,
.paging .crRightBottom {bottom: -5px;}
.paging .crLeftBottom {background-position: -586px -918px;}
.paging .crRightBottom {background-position: -592px -918px;}

.paging .crLeft,
.paging .crLeftBottom {left: -10px;}
.paging .crRight,
.paging .crRightBottom {right: 10px;}
/* -- paging -- */

/* -- div.aboutRight ul -- */
div.aboutRight {position: relative;}
div.aboutRight ul {position: fixed; margin-left: -10px;}
/* -- /div.aboutRight ul -- */

/**
.seventyThirty .row .left input[type=radio], 
.seventyThirty .row .left input[type=checkbox] {background-color: #F6F1E9;}
**/

/* -- imageRotator & sliderControl -- */

.imgRotatorWrap {background-color: #F4EBDE; margin-bottom: 15px; padding: 10px;}
/*.imgRotatorWrap .imageRotator {background: #fff;}*/
.imgRotatorWrap .imageHolder img {margin: 0 auto;}

.js .imgRotatorWrap .notFirst {display: none;}

/*.sliderControl {margin-top: 10px;}*/
.sliderControl button {background: url(/UI/images/framework/byggla_sprite.png) no-repeat; height: 32px; width: 32px; border: none; }
.sliderControl button.prev {background-position: -101px -469px; margin-right: 15px;}
.sliderControl button.next {background-position: -146px -469px; margin-left: 15px;}
.sliderControl span.showImageOfImages {font-size: 1em; position: relative; top: -4px; display: inline-block;}
.sliderControl span * {font-size: 1em;}
.sliderControl p {position: relative; top: -19px; width: 58px; margin-left: 35px; }

.imgRotatorWrap.smallRotator {width: 352px; position: relative; float: left; }
.imgRotatorWrap.smallRotator .imageRotator div.image {min-height: 240px; width : 352px;}
.imgRotatorWrap.smallRotator .crLeft,
.imgRotatorWrap.smallRotator .crRight,
.imgRotatorWrap.smallRotator .crLeftBottom,
.imgRotatorWrap.smallRotator .crRightBottom {display: none;}

.imgRotatorWrap.smallRotator .sliderControl {float: right;}
.imgRotatorWrap.smallRotator .sliderControl p {text-align: center; margin-right: 0;}

.imgRotatorWrap .imageInfo p {font-style: italic; margin: 5px 0 0 0;}

.imgRotatorWrap.smallRotator .imageRotator div.image { 
    min-height:240px; 
}

.imgRotatorWrap.smallRotator { 
    margin-bottom: 0;
}

/* -- /imageRotator & sliderControl -- */

/* -- members -- */
.members li {clear: both; position: relative;}
.members li label {float: left; position: relative;}

.members ul li span {margin: 0 3px 0 7px;}
.members li label span {display: block; margin-left: 0;}

/*.row .members li label input.readonly {background-color: #e2e2e2; color: #666;}*/

ul li span.remove {display: inline-block; height: 31px; position: absolute; top: 0; left: 415px; cursor: pointer;}
ul li span.remove * {background: url(/UI/Images/framework/the_phases.png) no-repeat; display: inline-block; margin: 0;}

ul li span.remove span.start {width: 6px; height: 31px;}
ul li span.remove span.end {width: 22px; height: 31px; background-position: right top;}

body > .dropDown {position: absolute; border: 3px solid #ebdecc; list-style: none; margin-left: 0; padding-left: 0; min-width: 197px;}
body > .dropDown li {background: #fff;}
body > .dropDown li a {font-size: 1.4em; display: block; padding: 2px 5px;}

body > .dropDown li a.focus {background: #ebdecc;}

/* -- /members -- */


/* -- uploadVideo -- */

#fileUploadProgress_Bar {height: 20px; background: #EBDECC bottom;
    position: relative; margin: 0; display: none; width: 544px;
}

#fileUploadProgress_Bar .percent {height: inherit; overflow: hidden;}

#fileUploadProgress_Bar .start {background: #8dc63f; width: 0; position: absolute; left: 0; top: 0;}
#fileUploadProgress_Bar .end {width: 544px; display: inline-block;}

#fileUploadProgress_Bar .start span {color: #fff;}

#fileUploadProgress_Bar .end span {color: #333;}

#fileUploadProgress_Bar span {display: block; position: absolute; width: 100px; text-align: center; top: 2px; font-weight: bold; font-size: 14px;}

#fileUploadProgress {font-size: 12px; display: none; margin-top: 5px;}
#fileUploadProgress * {font-size: 1em;}

#fileUploadProgress_name {display: none;}
#fileUploadProgress_name .fileName {background: url(/UI/Images/framework/ajax-loader.gif) no-repeat center left; 
    display: inline-block; padding: 10px 0 10px 25px; font-size: 14px; font-weight: bold;} /* ready_icon.gif */
    
#fileUploadProgress_name .fileName.ready {background-image: url(/UI/Images/framework/ready_icon.gif);}

#fileUploadProgress_name .fileName .remove,
#uploadedVideo .fileName .remove {background: url(/UI/images/framework/byggla_sprite.png) no-repeat -146px -756px;
    width: 16px; height: 16px; display: inline-block; margin-left: 5px; cursor: pointer; position: relative; margin-bottom: -3px;
}
#fileUploadProgress_name .fileName .remove.omo,
#uploadedVideo .fileName .remove.omo {background-position: -146px -798px;}

#youTubeVideo,
#uploadVideo .formContent,
#uploadVideo .ratio {margin-top: 10px;}

#uploadVideo .ratio {margin-bottom: 10px;}
#uploadVideo .ratio h4 {font-size: 12px; margin: 0 0 5px;}

#uploadVideo .ratio li {float: left;}
#uploadVideo .ratio li label {display: block; background: #e1ceb4;  border: 2px solid #e1ceb4; cursor: pointer;
    margin-right: 12px; font-weight: bold; overflow: hidden; position: relative; text-align: center;
}
#uploadVideo .ratio li label span {color: #904c15; display: inline-block;}
#uploadVideo .ratio li label.selected {border-color: #904c15;}

#uploadVideo .ratio li label.r43 {width: 44px; height: 33px;}
#uploadVideo .ratio li label.r43 span {margin-top: 9px;}
#uploadVideo .ratio li label.r169 {width: 44px; height: 25px;}
#uploadVideo .ratio li label.r169 span {margin-top: 5px;}

#uploadVideo .ratio li input {position: absolute; top: -100px;}

#uploadVideo .button {float: none; display: inline; text-align: left;}
#uploadVideo .button .left,
#uploadVideo .button .right {width: auto;}

#uploadVideo input[type=text]:disabled {opacity: .5;}

#uploadedVideo {margin-top: 10px;}

/* -- /uploadVideo -- */

/* -- wordList, currentWord -- */
.currentWord {font-size: 14px; background: #f6f1e9; margin: 10px 10px 10px 0; padding: 15px 10px;}
.currentWord * {font-size: 1em;}
.currentWord h2 {font-size: 20px;}
    /* -- updatedBy -- */
    /*
        part of "Ordlista"
    */
    .word_text_border { border-bottom:1px dashed #949494; border-top:1px dashed #949494; margin: 10px 10px 10px 0; padding-top: 10px;}
    .updatedBy {border-bottom:1px dashed #949494; margin: 10px 0; padding-bottom: 10px; font-size: 14px}
    /*.updatedBy div a {border-left: 1px solid #000; margin-left : 5px; padding-left: 5px; display: inline-block;}*/

    .updatedBy ul {list-style: none; margin: 10px 0; padding-left: 0;}
    .js div.updatedBy ul {display: none;}
    .updatedBy ul a {font-size: 14px;}

    /* -- updatedBy -- */
    
    /* -- synonym -- */
    
    .synonym li {clear: both; position: relative;}
    .synonym li label {float: left; position: relative;}
    
    .synonym ul li span.remove {top: 0; left: 335px;}
    
    .synonym button.create {width: auto;}
    .ie7 .row .synonym fieldset button.create {width: 215px !Important;}
    
    .wordList.currentWord > .col {width: 50%;}
    .wordList.currentWord > .col > h2, 
    .wordList.currentWord > .col > p, 
    .wordList.currentWord > .col > .updatedBy {margin-right: 10px;}

    /*.synonym ul li span {margin: 0 3px 0 7px;}
    .synonym li label span {display: block; margin-left: 0;}*/
    
    /* -- synonym -- */
    
/* -- /wordList, currentWord -- */

/* -- constructionDefaultImg -- */
.constructionDefaultImg label {overflow: hidden;}
.constructionDefaultImg ul li {width: 25%; margin-bottom: 1%;}
.constructionDefaultImg ul li label input[type="radio"] {visibility: visible; position: absolute !Important; top: -300px !Important;}
.constructionDefaultImg ul li img.selected {border-color: #ff7200;}
.constructionDefaultImg ul li img {border: 5px solid transparent; cursor: pointer; display: block; margin: 0 auto;}

/* -- /constructionDefaultImg -- */

/* -- newRelatedCategories  -- */

.newRelatedCategories li.root {padding-left: 0;}

.newRelatedCategories li.addButton {
    background-position: -1254px -41px;
}
.newRelatedCategories select {margin: 0 0 10px 0 !Important;}
/*.newRelatedCategories ul.topUL > li > ul li:first-child {background-position: -800px 16px;}
.newRelatedCategories li:first-child li:first-child .top-span {height: 16px;}
.newRelatedCategories ul ul li {background-position: -785px 16px;}*/

.ie7 .newRelatedCategories li.addButton input[type=button] {padding-left: 0;}

/* -- /newRelatedCategories  -- */

/* -- reportEntity -- */
.row .left .reportEntity select {font-size: 12px; margin: 0 0 0 5px;}
/* -- reportEntity -- */

/* -- phases -- */
#phases .firstPhase {background: url(/UI/images/framework/byggla_sprite.png) no-repeat -580px -804px; display: inline-block; 
    padding-left: 23px; font-size: 13px; margin-left: 3px; position: relative; top: -1px;
}

.ie7 #phases .firstPhase {top: -13px;}
/* -- phases -- */

/* -- projectlist -- */
.projects.twoCols ul a,
.projectListingPage ul li.col a {font-size: 13px; margin-top: 5px;}

#content .projects.twoCols ul p a,
#content .projectListingPage ul li.col p a,
#content .projects.twoCols ul p a:hover,
#content .projectListingPage ul li.col p a:hover { color: #333 !important;}

.projects.twoCols ul h3 a, .projectListingPage ul li.col h3 a { font-size: 15px; }
.projects.twoCols ul a img,
.projectListingPage ul li.col a img { display: block; height: 131px; }
.projects.twoCols ul h3 a,
.projectListingPage ul h3 a {font-size: 15px;}

.projects.twoCols ul li,
.projectListingPage ul li,
.projects.fourCols li {border-bottom: 1px dashed #949494; margin: 0 5.4% 10px 0; padding-bottom: 5px;}

.projects.twoCols ul li.lastCol,
.projects.fourCols li.lastCol {margin-right: 0;}
.projects.twoCols ul li.lastRow,
.projects.fourCols li.lastRow {border-bottom : none;}

.projectListingPage ul {margin-right: 20px;}
.projectListingPage ul li.col {width: 23.2%; margin: 0 2.4% 10px 0;}
.projectListingPage ul li.lastCol {margin-right: 0;}

.projects.fourCols li {width: 22.61%; margin-right: 2.6%;}
.projects.fourCols li.lastCol {margin-right: 0; margin-left: 0.1%;}

.projects.twoCols ul li.notLastCol {margin-right: 5.4%;}

/* -- projectlist -- */

/* -- report -- */
.post .top .report {font-weight: bold;}
/* -- /report -- */

/* -- ? --*/
.customDatedPublication {margin-top: 4px;}
/* -- /? --*/

/* -- materialCategoryList -- */
.materialCategoryList {background: #fbf7f2;border-top: 1px dashed #949494;}
.materialCategoryList ul {padding-top: 5px;}
.materialCategoryList li {float: left; width: 25%; background: #fbf7f2; padding: 2px 0;}
.materialCategoryList li a {display: block; background-repeat: no-repeat; background-position: 5px center; min-height: 40px;}
.materialCategoryList li a.active {background-color: #f4ebde;}
.materialCategoryList li a span {font-size: 16px; padding: 0 0 0 49px; color: inherit; position: relative; top: 10px; display: block;}

.materialCategoryList .noIcons li a span {padding-left: 10px;}

.materialCategoryList .cb {padding-top: 5px; border-bottom: 1px dashed #949494; background: #fbf7f2;}

/* -- /materialCategoryList -- */

/* -- memberConstructionList -- */
.memberConstructionList {border: 1px dashed #949494; border-width: 1px 0; margin: 5px 10px 0 0; padding: 10px 0 10px;}
.memberConstructionList h3 {margin: 0 0 5px;}
.memberConstructionList ul * {font-size: 14px;}
.memberConstructionList ul li {margin-bottom: 5px;}
/* -- memberConstructionList -- */

/* -- specials -- */
.profilePage,
.profilePage .discussion_list,
.profilePage .lists {/*margin-bottom: 20px;*/}

.twoCols.lists .bookmarks h2 {margin-top: 0 !Important;}

.removeDiscussionProject {float: right; position: relative; top: 1px;}

.repMaterialCategories li a {height: 38px; display: inline-block; padding-left: 45px; background-repeat: no-repeat;}
.repMaterialCategories li a span {padding-top: 12px; display: inline-block; color: #904C15;}
.twoCols.lists .content .repMaterialCategories li li { margin-bottom: 0; }
.repMaterialCategories li li a { display: block; height: 18px; line-height: 14px; }
.repMaterialCategories li li a span { font-size: 12px; padding-top: 0; }

#noCategoryDialog {text-align: center; height: 75px !Important; min-height: 75px !Important;}

.discussion_quote_header:empty {display: none;}

.row .subcribtion_box { margin-bottom: 20px; }
.row .subcribtion_box input[type=checkbox] { position: relative; top: 2px; }
.row .subcribtion_box label { display: inline; font-weight: normal; }
/* -- /specials --*/

#project_location_map { display: none; }
#project_location_map_canvas { height: 300px; width: 545px; }

/*
.projects.twoCols .col .col:nth-child(2n+1) {clear: both;}
.projectListingPage ul li.col:nth-child(4n+1) {clear: both;}
*/
.more_arrow { background-position:-586px -765px; display:inline-block; font-size:13px; font-weight:bold; padding:0 0 0 13px; }

#lemmings_cave {
    background-image: url(/UI/images/door1.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 100px;
    margin: -10px auto -12px auto;
    position: relative;
    width: 41px;
    z-index: 1000;
}

.lemming {
    background-image: url(/UI/images/lemmings_fall.gif);
    background-position: 0px 0px;
    cursor: pointer;
    height: 32px;
    position: absolute;
    width: 32px; 
    z-index: 100;
}

.lemming_dig {
    background-image: url(/UI/images/framework/plankan.jpg);
    background-position: 0px 0px;
    background-repeat: repeat;
    height: 32px;
    position: absolute;
    width: 32px; 
    z-index: 19;
}