body { font-family: Tahoma, Trebuchet MS, georgia, sans-serif; font-size: 11px; background: #9C9C9C;}

hr {  color: Gray; background-color: #FFC000; height: 1px; }

#wrapper { background-color: #fff;  padding:0px;  width: 910px; margin: 30px auto 0px auto;}

/* Rounded wrapper */

#roundedWrapper { background-color: #fff; }

div.rounded {
 background: transparent  url(../media/images/red/rc_top_right.gif) no-repeat top right;
 float:left;
}
div.rounded div.lt {
 background: transparent url(../media/images/red/rc_top_left.gif) no-repeat top left;
 float:left;
}
div.rounded div.lt div.br {
 background: transparent url(../media/images/red//rc_bottom_right.gif) no-repeat bottom right;
 float:left;
}
div.rounded div.lt div.br div.bl {
 background: transparent url(../media/images/red/rc_bottom_left.gif) no-repeat bottom left;
 padding: 10px;
 min-height: 500px;
 float:left;
}

/* Main template */

.generalButton { height: 24px;  color: #fff; border: solid 1px gray; font-family: Tahoma; font-size: 11px; font-weight: normal; background-image: url(../media/images/red/button.gif);} 

#header { width: 890px; height: 130px;  }
#header #loginTop { float: left; color: #fff; font-weight: normal; width:419px; height: 66px; background-image: url(../media/images/red/logintop.jpg); background-repeat: no-repeat;  }
#header #loginTop .login .TextBox { height: 14px; border: solid 1px #ABDEFF; width: 80px;  font-family: tahoma; font-size: 11px; }
#header #loginTop .login .Button { height: 20px; width: 75px; color: #fff; border: solid 1px #ffffff; margin-top: 16px; font-family: Tahoma; font-size: 11px; font-weight: normal; background-image: url(../media/images/red/button.gif);} 
#header #loginTop .login a { color: #fff; }
#header #loginTop .login a:hover { color: #ABDEFF; }
#header #loginTop .loginPadding { padding-left: 80px; padding-top: 12px; }
#header #rightWrapper .loginTopPadding { float: left; padding-top: 0px; }

#header #menuLeftEnd { float:left; float: left; width: 24px; height: 28px; background-image: url(../media/images/red/logintopBottomEnd.jpg); background-repeat: no-repeat; }  
#header label { display: block; font-weight: normal; color: #fff; margin: 0px; padding: 0px;}

#header #logo { float: left; width: 130px; height: 130px; background-image: url(../media/images/red/logo.jpg); background-repeat: no-repeat; }

#header #rightWrapper { float: left; width: 759px; }
#header #rightWrapper #infoWrapper { float: left; height: 130px; width: 340px; }
#header #rightWrapper #info { height: 102px; }
#header #rightWrapper #info #text { background: url(../media/images/red/info.gif) no-repeat; width: 218px; height: 60px; }
#header #rightWrapper #info .padding { padding-left: 22px; padding-top: 20px; }


#header #rightWrapper .userOpsWrapper{ float: right; width: 375px; height: 63px; margin-bottom: 1px; }
#header #rightWrapper #userOps { float: right; margin-top: 16px; margin-right: 5px; text-align: right; }
#header #rightWrapper #userOps a { font-weight: bold; color: Black; line-height: 20px;  }

#shadow { background: url(../media/images/red/underMenuShadow.gif) repeat-x bottom; height: 15px; float: right; width: 758px; }

#padding { float: left; padding: 10px; padding-top: 20px; }
#contentWrapper { float:left; width: 700px; }

#footer { background-color: transparent;  padding:2px; padding-left: 40px; width: 910px; margin: 0px auto 0px auto; font-weight: bold; color: White;}
#footer a { color: #fff; }

.padding { padding: 10px; }
.clear { clear:both; height: 0px;}

h1 { margin:0; padding:0; font-size:2em; }
h2 { margin:0; padding:0; font-size:1.5em; }


/* horizontal menu */

#menu { float: left; background-color: #B50444; width: 316px; height: 28px;  }
#menu ul { margin:0; padding:0; white-space : nowrap; list-style: none;}
#menu ul li { float:left; height: 28px;  background: transparent url(../media/images/red/menuItemDivider.gif) no-repeat right }
#menu ul li a { float: left; display: block; padding-top: 7px; color: White; height: 21px; font-weight: bold; padding-left : 1em; padding-right : 1em;  }  /* Level 1 */
#menu ul li a:hover { color: #FFD954; }
#menu ul li .selected {  }
#menu ul li a.selected { color: #FFD954; text-decoration: underline; background-color: #35A2F1; background: transparent url(../media/images/red/selecteditem.gif) no-repeat right}


/* vertical menu */

#submenu { float:right; padding: 0px; margin: 0; margin-top:0px; width: 158px; background: transparent url(../media/images/user/vefgrunnur/submenu_background.gif) repeat-x bottom}
#submenu ul { list-style: none; margin:0; padding:0px; background: none; }
#submenu ul li a { border-bottom: solid 1px #C6C6C6; padding: 3px 3px 3px 1.5em; color: #000; font-weight: normal; font-size: 1em; display:block; width: auto;  background: transparent url(../media/images/red/menu_item_Background.gif) repeat-y right; }  /* Level 1 */
#submenu ul li a:hover { color: #000;  text-decoration: underline;}
#submenu ul li a.selected { text-decoration: underline; color: #000; font-weight: bold;  background: none; background-color: #FCF8B3;}
#submenu ul ul li a {  padding-left: 30px; font-weight: normal; } /* Level 2 */
#submenu ul ul li a.selected { text-decoration: underline; color: #000; font-weight: normal; background-color: #F6F7F7; }

/* Breadcrumbs */

#breadcrumbs { float: right; padding: 5px; margin-bottom: 5px; }
#breadcrumbs ul { margin-left: 0; padding-left: 0; display: inline; border: none; } 
#breadcrumbs ul li { margin-left: 0; padding-left: 2px; border: none; list-style: none; display: inline; }
#breadcrumbs ul li a { font-size: 1em; color: #4560AD; padding: 0px 5px 0px 0px; text-decoration: none; }  /* Level 1 */
#breadcrumbs ul li a:hover { font-size: 1em; color: #FFCC00; }

a { color: #4560AD; text-decoration: none; }
a:hover { color: #FFCC00; text-decoration: underline; } 

#homepageLeft { float:left; width: 370px; padding-right: 15px; }
#homepageRight { float:left; width: 180px; padding-left: 15px; border-left: solid 1px #000; }

.newsHeadline {  font-weight: bold; color: #000; text-decoration: none; margin-bottom: 0px; font-size: 14px; color: #610023; }
.newsHeadline a { color: #610023; }
.newsHeadline a:hover { font-weight: bold; color: #000; text-decoration: underline; }
.newsOpenLink a { text-decoration: none; }
.newsOpenLink a:hover { text-decoration: underline; }

.createdDate { color: Gray; font-style:italic; }

.manufacturer { font-size: 1.4em; font-weight:bold; color: Gray; }

#sendMessage table {padding: 2px;}

/* --- Messages ------------------*/

#MessageBase {
	float: left; 
	margin-top: 5px; 
	color: Black; 
	border: solid 1px Gray; 
	background-color: #FFFFE1; 
	font-size: 1em; 
	font-weight: bold; 
	clear: both; 
	padding: 5px 0px 13px 15px;
}

#MessageBase #ImportantMessage { padding: 0px; }
#MessageBase #ImportantMessage .image { float: left; height: 32px; width: 32px; background: transparent url(../media/images/info.gif) no-repeat; margin: 10px 0px 0px 0px;  }
#MessageBase #ImportantMessage .text { float: left; padding: 18px 20px 0px 10px; }

#MessageBase #ErrorMessage { padding: 0px; }
#MessageBase #ErrorMessage .image { float: left; height: 32px; width: 32px; background: transparent url(../media/images/Stop-2.gif) no-repeat; margin: 10px 0px 0px 0px;  }
#MessageBase #ErrorMessage .text { float: left; padding: 18px 10px 0px 14px; }


/* ---------------------- */

.YellowPanel { border: solid 1px Gray; background-color: #FFFFE1; padding: 10px; }

/* Rúnað Box */
div .roundBox { background-color: #fff;
 width: 100%;
 float: left; 
}

div .roundBox .top { 
 background: transparent url(../media/images/red/menuHeader.jpg) no-repeat;
 background-color: #B50444;
 color: #fff; font-weight: bold;
}

#subMenu div .roundBox .top { 
 background: transparent url(../media/images/red/menuHeader.jpg) no-repeat;
 background-color: #B50444;
 color: #fff; font-weight: bold;
}

div .roundBox .top .topLeft {

}
div .roundBox .top .topRight {

 height: 25px;
}
div .roundBox .top .center {
    padding-left: 15px; padding-top: 5px;
}

div .roundBox .middle { border: solid 1px #C6C6C6; border-bottom: none;}

div .roundBox div.bottom {
  background: transparent  url(../media/images/user/vefgrunnur/box_top_border.gif) repeat-x bottom;
  background-color: #B50444;
  color: #fff; font-weight: bold;
}
div .roundBox div.bottom div.bottomLeft {
 background: transparent url(../media/images/red/box_bottom_left.gif) no-repeat bottom left;
}
div .roundBox div.bottom div.bottomRight {
 background: transparent url(../media/images/red/box_bottom_right.gif) no-repeat bottom right;
 height: 5px;
}

/* Input forms */
.size1 { width: 3em; }
.size2 { width: 6em; }
.size3 { width: 12em; }
.size4 { width: 18em; }
.size5 { width: 24em; }
.size6 { width: 30em; }

#registerProject { background-color: #F6F7F7; }

/* User registration */

#RegistrationForm { font-size:1em; padding: 10px; background-color: #F6F7F7; } 

#RegistrationForm p { padding: 0px; margin: 0px; }

#RegistrationForm label {
    width: 14em;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block;
    padding-top: 8px;
    font-weight: normal;
}

#RegistrationForm select, input, textarea 
{
       margin-right: 5px;
       margin-top: 3px;
}

#RegistrationForm #buttonPlaceholder {
   margin-left: 163px;
   
}

#RegistrationForm .radiobuttonlist label
{
    width: 0;
    float: none;
    text-align: left;
    margin-right: 0em;
    display: inline;
    padding-top: 0px;
}

.validationSummary {padding-left: 0px; }

/* ------------------- */

/* Offers  */

#OfferForm label
{
	width:200px;
	display: block;
}

.ViewOfferTable { width: 500px; }
.ViewOfferTable td { padding: 4px; }
.ViewOfferTable tr.altrow { background: #EBEBEA; }

/* GridView */

.GridView { float: left; width: 100%; }
.GridView th { padding: 7px; background: transparent url(../media/images/red/gridview_Header.gif) repeat-x; color: White; background-color: #B50444; }
.GridView th a { color: White; text-decoration: underline; }
.GridView td a { color: black; text-decoration: underline; }

/* Gridview 2 */

.SubGridView { float: left; width: 100%; }

.SubGridView th
{
    padding: 4px;
    background:  transparent url(../media/images/user/vefgrunnur/subGridBackgr.gif) repeat-x;
    color: Black;
}

.SubGridView.Row { background-color: #EBEBEA; }
.SubGridView.AltRow { background-color: White; }


/* Cost table */

.Cost { font-weight: bold; text-align: right; }
.CostTable { width: 200px; border-collapse: collapse; }
.CostTable td { padding: 2px; }
.CostTable.Total { border-bottom: solid 1px #000; border-top: solid 1px #000; }

.print { text-align: center; vertical-align: middle; padding: 2px; margin-top: 50px; }


/* View project */

#ViewProjectBaseInfo table td { padding: 3px; width: 300px; }
#ViewProjectBaseInfo .altRow { background-color: #EBEBEA; } 

#ViewProjectBaseInfo .leftBox { float:left;  width: 300px; }
#ViewProjectBaseInfo .rightBox { padding-left: 15px; float:left;  width: 300px; }

#ViewProjectBaseInfo .headlines { margin-left: 1px; font-weight: bold; color: #000;   }
#ViewProjectBaseInfo .ownerField { margin-left: 1px;  }

/* Send question */

#ViewProjectBaseInfo .rightBox #sendQuestion { margin-top: 15px; }

#sendQuestion .messagebox { width: 100%; height: 70px; }
#sendQuestion .utbodbutton { height: 25px; }


/* Quantity */

.QuantityTable th { text-align: left; text-decoration: underline; }


/* Chat */

#ChatWindow { border:1px solid black;height:290px;width:290px;overflow:auto;padding:5px }
#ChatWindow .InputBorder { width:300px; border:1px solid black;border-top:0px }
#ChatWindow .Input { padding:3px;width:240px;border:0px;height:70px;float:left; }
#ChatWindow .Button { width:50px;height:30px;margin-top:20px; }
	
	
/* My page */

#CustomerInfo { width: 450px; border: solid 1px gray; background: #D0CFCF url(../media/images/red/accountBackground.gif) repeat-x;  }
#CustomerInfo .padding { padding: 10px; }
#CustomerInfo .name { font-size: 14px; font-weight: bold; color: #610023; }
#CustomerInfo .data { text-align: right; }
#CustomerInfo table { width: 100%; }
#CustomerInfo table td { padding: 3px; }

.sectionBackground { background-color: #F6F7F7; width: 100%; }

/* Login page */

#loginPage { margin-left: 50px; }