/* Customer Details
************************************************/
div#customerDetails { }
div#customerDetails h3 { margin-bottom: 15px; }
div#customerDetails .row .wide { width: 400px; }
div#customerDetails select { margin: 0; }
div#customerDetails .middleWidth { width: 175px; }
div#customerDetails .topSpacing { margin-top: 25px; }
div#customerDetails .separator { border-bottom: solid 4px #f2f5f6; margin-bottom: 15px; }

div#customerDetails input.button { border: solid 1px #b8bfc1; background: #f2f5f6; width: auto; padding: 0 5px; font-weight: bold; font-size: 1em;}
div#customerDetails .row { clear:both; overflow: hidden;  margin-bottom: 10px; }
div#customerDetails .row p { float: left; width: 200px; margin: 0; padding: 0; }
div#customerDetails .row p label { display: block; font-weight: bold; }

div#customerDetails .row .wide input, div#customerDetails .row .wide label { float: left; }
div#customerDetails .row .wide label { padding-left: 5px; }

div#customerDetails div.mysettings_validation li { display: inline; margin: 0; padding: 0; float: left; font-size: 1.1em; margin-bottom: 5px; }

/* Customer Page
************************************************/
div.error { color: #FF2632; }
div.feedback { color: #3fad21; }
div#customerStartPage .mystartpage_validation li
{
    display: inline;
    margin: 0;
    padding: 0;
    float: left;
    margin-top: 3px;
    font-size: 1.1em;
}

/* Tabs
************************************************/
.ui-tabs { /*padding: .2em;*/ zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; /*padding: .2em .2em 0;*/ }
.ui-tabs .ui-tabs-nav li {  position: relative; float: left; border-bottom-width: 0 !important; margin: 0 0 -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; /*padding: .5em 1em;*/ }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { /*padding: 1em 1.4em;*/ display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* LoginHeader
************************************************/
#loginHeader #tabs ul { clear: both; overflow: hidden; height: auto; width: auto; background: none; width: 265px; }
#loginHeader #tabs ul li a { height: auto; padding: 2px 12px 2px 13px; font-weight: normal; margin: 0; }

#loginHeader a.button
{
    background: transparent url(/App_Themes/Default/Images/Graphics/loginbutton.gif) no-repeat 0 0; 
    width: 53px;
    height: 20px;
    display: block;
    color: #53575a;
    font-weight: bold;
    font-family: Arial, helvetica;
    font-size: 1em;
    text-align: center;
    padding: 3px 0 0 0;  
    float: right;  
}
#loginHeader a.login { margin: 13px 12px 0 0; }
#loginHeader a.logout { position: absolute; left: 231px; top: 29px; }
#loginHeader a.register { margin: 13px 12px 0 0; }
#loginHeader a.forgotPassword { margin: 13px 12px 0 0; }

#loginHeader #tabs-register { display: none; }
#loginHeader #tabs-forgotPassword { display: none; }

#loginHeader #tab_login { background: transparent url(/App_Themes/Default/Images/Graphics/tab_login.gif) no-repeat 0 0; }
#loginHeader #tab_login a:hover { background: transparent url(/App_Themes/Default/Images/Graphics/tab_login-hover.gif) no-repeat 0 0; }
#loginHeader #tab_register { background: transparent url(/App_Themes/Default/Images/Graphics/tab_register.gif) no-repeat 0 0; }
#loginHeader #tab_register a:hover { background: transparent url(/App_Themes/Default/Images/Graphics/tab_register-hover.gif) no-repeat 0 0; }
#loginHeader #tab_password { background: transparent url(/App_Themes/Default/Images/Graphics/tab_password.gif) no-repeat 0 0; }
#loginHeader #tab_password a:hover { background: transparent url(/App_Themes/Default/Images/Graphics/tab_password-hover.gif) no-repeat 0 0; }

a #help_span { background: transparent url(/App_Themes/Default/Images/Graphics/tab_help.gif) no-repeat 0 0; padding: 2px 12px 4px 13px; position: absolute; top: 0px; left: 163px; cursor: pointer; }
a:hover #help_span { background: transparent url(/App_Themes/Default/Images/Graphics/tab_help-hover.gif) no-repeat 0 0; }
#loginHeader #helpicon { padding: 0; margin: 0 0 0 -4px; border: 0; }

#loginHeader #checkboxDiv input.checkbox 
{
    border: 1px solid #d1d8db;       
}
#loginHeader #checkboxDiv {
    margin-left: 139px;
    margin-top: 38px;
    
}
#loginHeader #checkboxDiv #komIhagMig {
    padding-right:6px; 
    font-family:Verdana;
    font-size:9px;
    color:#666666;
    display:block;
    float:left;
    
}
#loginHeader input.field 
{
	border: none; 
	float: left; 
	border-top: 1px solid #d2d9dc; 
	border-bottom: 1px solid #d2d9dc;
	font-family: Arial, helvetica;
    color: #acafb0;
    letter-spacing: 1px;
    font-size: 1em;
    height: 15px;
    margin-top: 12px;
    padding: 3px 0 1px 20px;
}
#loginHeader input.standard { width: 73px; }
#loginHeader input.wide { width: 186px; }
#loginHeader input.email { background: #fff url(/App_Themes/Default/Images/Graphics/loginbg-user.gif) no-repeat 0 0; }
#loginHeader input.password { background: #fff url(/App_Themes/Default/Images/Graphics/loginbg-password.gif) no-repeat 0 0; }

#loginHeader span.fieldStyler { width: 8px; height: 21px; display: block; float: left;}
#loginHeader span.fieldStart { background: transparent url(/App_Themes/Default/Images/Graphics/login-left.gif) no-repeat 0 0; margin: 12px 0 0 4px; }
#loginHeader span.fieldEnd { background: transparent url(/App_Themes/Default/Images/Graphics/login-right.gif) no-repeat 0 0; margin-top: 12px; }

#loginHeader div#messages { display: none; position: absolute; left: 0px; top: 16px; width: 267px; height: 25px; padding: 5px 18px 5px 10px; background: transparent url(/App_Themes/Default/Images/Graphics/errormess_dropdown.gif) no-repeat bottom;}
#loginHeader div#messages .message { display: block; text-align: center; margin-top: 6px; }
#loginHeader div#messages #close { cursor: pointer; position: absolute; top: 10px; left: 255px; }

#helpbox span { color: #666666; font-size: 1.1em; font-weight: bold; margin: 0 2px 15px 0px; }
#helpbox span#closehelp { cursor: pointer; position: absolute; top: 295px; left: 240px; color: #aaaeaf; }
#helpbox 
{ 
    display: none;
    width: 248px;
    height: 270px;
    background: transparent url(/App_Themes/Default/Images/Graphics/help_dropdown.gif) no-repeat 0 0; 
    position: absolute;
    left: 0px;
    top: 56px;
    z-index: 1002;
    padding: 24px;
}

#helpbox p { margin: 4px auto 16px auto; }

#loginHeader span#currentProject { margin: 5px 0 0 10px; float: left; }
#loginHeader .myStartpage { display: block; color: #000000; margin-top: 7px; text-decoration: underline; }
#loginHeader .loggedinProject { font-weight: bold; display: block; color: #30383A; }
#loginHeader .loginName { margin: 5px 12px 0 0; float: right; color: #acafb0; overflow: hidden; }

/* ProjectPage
************************************************/
/* Reset */
#firstColumn { margin: 0; }

#projectPage { font-size: 11px; width: 785px; margin: 0 20px; padding: 0;}
#projectPage .right { float: right; }
#projectPage .left { float: left; }
#projectPage .clear { clear:both;}

#projectPage .projectInfo { font-size: 12px; font-weight: bold; text-align: right; }

#projectPage .customerInfo {  }
#projectPage .customerInfo span { display: block; }
#projectPage .customerInfo span.name { font-weight: bold; }
#projectPage .customerInfo a#addProducts { width: 80px; height: 50px; display: block;}

#projectPage a.addButtonRepeat { cursor: pointer; }

#projectPage .links { margin: 10px 0 0 0;}
#projectPage .links a { display: block; clear:both; padding-left: 20px; height: 23px;}
#projectPage .links a.startpage { background: transparent url('/App_Themes/Default/Images/Graphics/tillbaka_knapp.gif') no-repeat; }
    
#projectPage .links a.print { background: transparent url('/App_Themes/Default/Images/Graphics/pdfIcon.png') no-repeat; }
#projectPage .links a.pdf { background: transparent url('/App_Themes/Default/Images/Graphics/printpdf.gif') no-repeat; }

#projectPage .orderItems { padding: 20px 0; }
#projectPage .orderItems .row { height: 100px; padding-bottom: 10px;  width: 100%; }
#projectPage .orderItems .row.header { clear: both; overflow:hidden;  height: 20px; margin-bottom: 10px; background-color: #ecf0f1; border-bottom: solid 1px #dee8eb; border-top: solid 1px #dee8eb; }
#projectPage .orderItems .row .item { padding: 3px 5px; }
#projectPage .orderItems .row .item.img { width: 90px; }
#projectPage .orderItems .row .item.name { width: 90px; }
#projectPage .orderItems .row .item.artnr { width: 95px; overflow: hidden; }
#projectPage .orderItems .row .item.description {}
#projectPage .orderItems .row .item.label { width: 50px; }
#projectPage .orderItems .row .item.quantity { width: 30px; }
/*#projectPage .orderItems .row .item.customerprice { width: 70px; text-align: right; }*/
/* #projectPage .orderItems .row .item.price { width: 70px; text-align: right; } */
#projectPage .orderItems .row .item.price { width: 70px; text-align: right; }
#projectPage .orderItems .row .item.totalPrice { width: 70px; text-align: right; }
#projectPage .orderItems .row .item.edit { width: 15px; }
#projectPage .orderItems .row .item.delete { width: 15px; }
#projectPage .orderItems .row .item {  }
#projectPage .orderItems .row .item .smalltxtbox { width: 30px; font-size: 1em; }

#projectPage .orderItems .row .editbar { }
#projectPage .orderItems .row .editbar .widetxtbox { width: 400px;}


.editbar
{
    
}

#projectPage .separator { background: #dee8eb; height: 2px; margin: 15px 0; }

#projectPage .projectNotes { width: 550px; }
#projectPage .projectNotes span { display: block; margin: 0 0 3px 0; }
#projectPage .projectNotes textarea { width: 100%; height: 50px; }
#projectPage .projectNotes a { float:right; display: block; }

#projectPage .priceSummary { border-bottom: solid 2px #dee8eb; width: 200px; padding-bottom: 10px; margin: 7px 0 0 0; }
#projectPage .priceSummary .row { padding: 0; }
#projectPage .priceSummary span { text-align: right; display: block; }
#projectPage .priceSummary span.label { font-weight: bold; width: 90px;}
#projectPage .priceSummary span.price { text-align: right; }
#projectPage .priceSummary {}
#projectPage .priceSummary {}

#projectPage .buttons a { display: block; margin-left: 5px; }


#projectPage .buttons
{
    margin-top: 10px;
     
}


a.editPen
{
    display: block;
    width: 15px;
    height: 14px;
    background: transparent url('/App_Themes/Default/Images/Graphics/penna_ikon.gif') no-repeat; 
}
a.copyButton
{
    display: block;
    width: 16px;
    height: 16px;
    background: transparent url('/App_Themes/Default/Images/Graphics/kopiera_ikon.gif') no-repeat; 
}

#projectPage 
{
    
}

/* ForthCol
************************************************/
#fourthColumn { }