/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
    color: #1D9FA5;
    margin-bottom: 10px;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}

.hidden{ visibility: hidden;}
.show{ visibility: visible;}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #449AB9;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    background: url(../images/LogoImpakt.jpg) no-repeat;
    background-color: #449AB9;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 120px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

/*HP*/
.hpCustomerListItem{ width: 340px;border-bottom: 1px dotted #CCC;float: left;height: 40px;clear: both;}
.hpCustomerListItem:hover{ background-color: #fff;}
.hpCustomerListItem .custName{ width: 130px;margin: 5px;float: left;}
.hpCustomerListItem .custItems{ width: 50px;margin: 0;padding: 0 0px 0 5px;float: left;}

/*Customers*/
.customerListItem{ width: 430px;border: 1px dotted #ccc;margin: 5px;padding: 5px;float: left;background-color: #fdfdfe;}
.customerListItem:hover{background-color: #f1f1f1;}
#leftHalf .custName{ width: 180px;float: left;}
#leftHalf .custItems{ width: 100px;float: left;}
.custAction{ width: 50px;float: right;border: 0px solid red;text-align: right;padding: 5px 0 0 0;}

#leftHalf{ width: 450px;float: left;margin: 0 20px 0 0;}
#rightHalf{ width: 440px;float: left;}
.imgContainer{width: 120px;height: 100px;margin: 4px;padding: 2px;border: 2px solid #ccc;position: relative;float: left;}
.imgbox{ width: 100%;position: absolute;height: 100px;overflow: hidden;top: 1px;left:1px;text-align: center;}
.imgbox img{height: 80px;max-width: 120px;}
.imgpos{ font-size: 12px;width: 40px;float: left;}
img.flag-active{ width: 20px;height: 10px;float: right;}
.iconImgList{ width: 20px;height: 20px;border: 0px;margin: 5px;}
.imgbox-delete{width: 20px;height: 20px;right: 1px;top: 0px;background-color: #fff;position: absolute;z-index: 10;}
.imgbox-delete img{ width: 20px;height: 20px;}

.buton-actiune, .buton-actiune-rosu{ padding: 2px 4px 3px 4px;margin: 5px;-moz-border-radius: 6px;border-radius: 6px;}
.buton-actiune{background-color: #449AB9;}
a.buton-actiune, a.buton-actiune-rosu { text-decoration: none;color: #fff;font-size: 14px;margin-top: 20px;line-height: 40px;}
.buton-actiune:hover{ background-color: #2F436C;}
.buton-actiune-rosu{ background-color: #F97365;}
.buton-actiune-rosu:hover{ background-color: red;}


.offerStatusActive{  width: 15px;float: left;height: 100px;background-color: #B6DCDF;}
.offerStatusHidden{  width: 15px;float: left;height: 100px;background-color: #FDF3CE;}
.offerStatusInactive{  width: 15px;float: left;height: 100px;background-color: #FDCECE;}

.offerItem{ width: 900px;height: 100px;float: left;margin: 6px;border: 1px solid #DDD;padding: 0px;}
.offerItemSmall{width: 550px;height: 100px;float: left;margin: 6px;border: 1px solid #DDD;padding: 0px;}
.offerItemStatus{ width: 15px;float: left;height: 100px;}
.offerItemInfo{ width: 100px;height: 100px;float: left;text-align: center;}
.offerItemPictures{ width: 170px;height: 100px;text-align: center;float: left;overflow: hidden;margin: 3px;}
.offerItemPictures img{ max-height: 94px;width: auto;}
.offerItemDetails{ width: 220px;height: 100px;float: left;}
.requestItemDetails{width: 260px;height: 100px;float: left;padding: 0 10px 0 10px;}
.offerItemDates{ width: 130px;height: 90px;float: left;text-align: center;background-color: #F5FBFA;font-size: 11px;padding-top: 10px;}
.offerItemOwner{ width: 130px;height: 95px;float: left;text-align: center;background-color: #FEFDF1;font-size: 11px;padding-top: 5px;}
.offerItemActions{ width: 120px;height: 100px;float: left;text-align: right;border: 0px solid red;}
.requestItemActions{ width: 120px;height: 100px;float: left;text-align: center;border: 0px solid red;}
.offerprice{ font-weight: bold;color: #449AB9;font-size: 12px;}
.ownerphone{ font-size: 13px;padding-left: 16px;background: url(../images/icon-tel-top.gif) no-repeat 0 2px;}

.pagerLink, .pagerLinkActive{ -moz-border-radius: 3px;border-radius: 3px;margin: 2px;line-height: 22px;}
.pagerLinkActive{border: 1px solid #FF9900;padding: 0px 5px 1px 5px;background-color: #FDF3CE;}
a.pagerLink{background-color: #449AB9;padding: 0px 5px 1px 5px; color: #fff;text-decoration: none;border: 1px solid #2f436C;}
a.pagerLink:hover{ background-color: #2f436C;}
.smallRoundButton{-moz-border-radius: 3px;border-radius: 3px;margin: 2px;line-height: 15px;border: 1px solid #FF9900;padding: 0px 5px 2px 5px;background-color: #FDF3CE;}
a.smallRoundButton { color: red;text-decoration: none;}
a.smallRoundButton:hover{ color: #fff;background-color: #FF9900;}

.offerFilter{width: 890px;padding: 5px;margin: 0 0 10px 0;float: left;background-color: #EBF7FA;border: 1px dotted #59B3CA;}
.adminFilter{width: 890px;padding: 5px;margin: 0 0 10px 0;float: left;background-color: #FDCECE;border: 1px dotted red;}
.greenFilter{background-color: #FCFABA;}
.offerHeaderLine{ width: 890px;padding: 5px;margin: 0 0 10px 0;float: left;}
.offerFilterInner200{width:220px;height: 90px;float: left;border-right:1px dotted #59B3CA ;margin: 0 5px 0 0;}
.adminFilterInner100{width:120px;float: left;border-right:1px dotted red;margin: 0 5px 0 0;}
.adminFilterInner300{width:320px;float: left;border-right:1px dotted red;margin: 0 5px 0 0;}

.agentbox{ width: 250px;border-bottom: 1px solid #eee;padding: 0 0 5px 28px;margin: 0 0 10px 0;background: url(../images/icon-user.png) no-repeat;color: #59b3ca;font-size: 13px;}
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/
select{ height: 25px;margin: 1px;}
fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #999;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.offer{ width: 300px;}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

.bgNewField{ background-color: #FFFF99;}
.smallsquare{ width: 16px;height: 16px;margin: 3px;overflow: hidden;display: block;}

input.textEntry 
{
    width: 300px;
    border: 1px solid #999;
    height: 22px;margin: 1px;
}
.field-validation-error{ background-color: #FCE3E2;padding: 3px 5px 3px 5px;border: 1px solid red;-moz-border-radius: 8px;border-radius: 8px;color: red;}
.labelSmall, .labelLarge, .labelTiny{ display: block;float: left;line-height: 24px;padding-left: 4px;font-weight: bold;font-size: 12px;}
.labelSmall{width: 100px;}
.labelLarge{width: 200px;}
.labelTiny{ width: 60px;text-align: right;padding-right: 4px;}
.floatLeft{ float: left;}
.floatRight{ float: right;}
.rightM20{ margin-right: 20px;}
input.textEntrySmall, input.textEntryTiny
{
    width: 160px;
    border: 1px solid #999;
    height: 22px;margin: 1px;float: left;
}

input.textEntryTiny{ width: 70px;}
.bigDescriptionText{ width: 425px;height: 80px;border: 1px solid #999;font-family: Arial;font-size: 12px;color: #666; }
input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.hpBlock{ width: 220px;float: left;background-color: #EBF7FA;border: 1px dotted #59B3CA; margin: 20px 20px 0 0;padding: 0 10px 10px 10px;}
.extended{ width: 350px;}]
table{ border-color: #ddd;}
th{ background-color: #449AB9;color: #fff;padding: 3px;}
td{ padding: 3px;}

/*Offer
---------------------------------------------*/
.offer-left{ width: 350px;float: left;overflow: hidden}
.offer-right{ float: right;width: 570px;border: 0px solid red;}
.offerListSmall{ width: 163px;height: 22px;margin: 1px;}

/*hacks*/
.hideSkiplink > a {display: none;}