/*
    M2B ImageVault - Global stylesheet
    Created by Meridium AB   

    TABLE OF CONTENTS
    -----------------
    1. ImageList
    2. Search
    3. Message box
    4. Registration
    5. Login
*/

/*------------------------------------------------------------------
1. ImageList
-------------------------------------------------------------------*/
#thumbs {
    margin:5px 0px 0px 0px;
    overflow:hidden;
}


#thumbs li {
    float:left;
    height:195px;
    list-style:none;
    margin:5px 8px;
    background: transparent url("/images/gui/ib_thumb_separator.png") repeat-x scroll bottom;
}

#thumbs li a 
{
	display:block;
	position: relative;
	background-color: #FFF;
    width:139px;
    height:139px;
}

#thumbs li a img 
{
	display: block;
	position: absolute;
	bottom: 3px;
}

#thumbs li span {
    color:#6e6e6e;
    display: block;
    font-size: 90%;
    padding: 5px;
    padding-top: 7px;
	width: 123px;
}

.RecordsResult .Paging span {
    display: block;
    float: left;
    margin-left: 6px;
}

h2.metadata { margin-bottom:.5em; }
ul.metadata { list-style:none; }
ul.metadata li { margin-bottom:.5em; }
ul.metadata strong {
    display:block;
    padding-bottom:6px;
    padding-top:4px;
}
table.conversions,
table.shoppingcart {
    border-collapse:collapse;
    font-size:90%;
    margin-bottom:20px;
    width:100%;
}
table.conversions th,
table.shoppingcart th  {
    font-weight:normal;
    padding:5px 0;
    text-align:left;
}
table.conversions tr,
table.shoppingcart tr,
table.conversions td,
table.shoppingcart td 
{
	padding: 3px;
    vertical-align:middle;
}
table.shoppingcart td {
    border-bottom: 1px solid #e3e3e3;
}
table.conversions td,
table.shoppingcart td 
{
	border-bottom: 4px solid #fafafa;
	background-color: #FFF;
}

/*------------------------------------------------------------------
2. Search
-------------------------------------------------------------------*/
#imagebanksearch {
    background: transparent url("/images/themes/default/gui/gradient_y_m.png") repeat-x scroll 0 0;
    padding-left:10px;
    color: #fff;
}
#imagebanksearch h4 {
    line-height:65px;
    float: left;
    font-size: 170%;
    font-weight: normal;
}

#imagebanksearch .Fields {float:left;margin-top:9px;margin-left:35px;}

#imagebanksearch label {
    float: left;
    margin-right:20px;
}

#imagebanksearch label span {
    display: block;
    margin-bottom:2px;
}

#imagebanksearch select {font-size:100%;}
#imagebanksearch input[type=text] {font-size:100%;}

#imagebanksearch .button {
    background: transparent url(/images/themes/Default/icons/search_glas.png) no-repeat 50% 0%;
    border: none;
    float: left;
    height: 1.7em;
    margin-left:-10px;
    margin-top: 1.6em;
    width: 2.8em;
}
/*------------------------------------------------------------------
3. Message box
-------------------------------------------------------------------*/
body .ContentMain p.error {
    background: #FFBABA url(/images/icons/error.png)  no-repeat .5em 50%;
    border: 1px solid;
    color: #D8000C;
    padding: 1.8em 0em 1.8em 5.5em;
    margin-bottom: 1em;
}
body .ContentMain p.success {
    padding: 1.8em 0em 1.8em 5.5em;
    color: #4F8A10;
    border: 1px solid;
    background: #DFF2BF url(/images/icons/good.png)  no-repeat .5em 50%;
    margin-bottom: 1em;
}
body .ContentMain p.singelmessage { margin: 3em 12em; }
/*------------------------------------------------------------------
4. Registration
-------------------------------------------------------------------*/
body .ContentMain #registrationform {
    padding-bottom: 3em;
    position: relative;
}
body .ContentMain #registrationform h3 {
    background-color: #E3E3E3;
    padding: .6em;
    margin: 1.0em 0em;
}
body .ContentMain #registrationform h3:first-child { margin-top: 0em; }
body .ContentMain #registrationform div { margin-top: .6em; }
body .ContentMain #registrationform div label {
    display: inline-block;
    padding-top: .2em;
    text-align: right;
    vertical-align: top;
    width: 13em;
}
body .ContentMain #registrationform input[type=password],
body .ContentMain #registrationform input[type=text],
body .ContentMain #registrationform textarea,
body .ContentMain #registrationform select {
    margin:0px;
    margin-left: 10px;
    padding:5px;
    width:250px;
}
body .ContentMain #registrationform select {
    width:261px;
}
body .ContentMain #registrationform input:focus,
body .ContentMain #registrationform input:active,
body .ContentMain #registrationform div select:active,
body .ContentMain #registrationform div select:focus,
body .ContentMain #registrationform div textarea:focus,
body .ContentMain #registrationform div textarea:active  {   
}
body .ContentMain #registrationform div select {
}
body .ContentMain #registrationform div textarea {
}
body .ContentMain #registrationform div.dataRow span {
    display: inline-block;
    margin-left: 14em;
    margin-top: .2em;
    width: 23em;
}

body .ContentMain #registrationform input[type=submit] {
    width:auto;
    margin:0;
    padding:0;
    float:right;
}
body .ContentMain #useragreement {
    float:left;
    margin-left: 7%;
    padding-top: 2.5em;
    width: 50%;
}

/* User agreement popup */
body .ContentMain .agreement p {
    padding-top:15px;
}

body .ContentMain .agreement li {
    margin-left: 20px;
    padding-top:10px;
}
#divConditions .agreementBackground {
    position: fixed;
    background-color: #000000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 500;
}
#divConditions .agreementContainer {
    position:fixed;
    z-index:1000;
    top:50px;
    left:50%;
    width:500px;
    margin-left:-250px;
}
#divConditions .agreementContainer .agreement .buttonRow {
    padding-bottom:20px;
    padding-top:20px;
    overflow:hidden;
}
/*------------------------------------------------------------------
5. Login
-------------------------------------------------------------------*/
body .ContentMain #loginwrapper { float: right; } 
body .ContentMain #login {
    width: 300px;
    z-index: 9999;
}
body .ContentMain #login.dynamic {
    display: none;
    position: absolute;
}
body .ContentMain #login.loginerror { display: block; }
body .ContentMain #login h3 {
    background: url("/images/themes/default/gui/gradient_y_s.png") repeat-x scroll 0 0 transparent;
    color: #fff;
    margin-bottom: .4em;
    padding: .3em 0 .4em 1em;
    white-space: nowrap;
}
body .ContentMain #login p {
    color: Red;
    margin-left: 2em;
}
body .ContentMain #login .inner { padding: 5px; }
body .ContentMain #login .inner div { margin: .2em .2em .2em 2em; }
body .ContentMain #login input[type=checkbox] { 
    bottom: -2px;
    position: relative;
    right: -2px;
}
body .ContentMain #login input[type=text],
body .ContentMain #login input[type=password] {
    display: block;
    padding: .4em;
    width: 86%;
}
body .ContentMain #login input:focus,
body .ContentMain #login input:active {   
    border: solid 1px #1767B4;
    -moz-box-shadow: 0px 0px 5px #1767B4;
}
body .ContentMain #login span {
    background: url("/images/themes/default/gui/btn_right_bg.png") no-repeat scroll right 3px transparent;
    display: inline-block;
    margin-right: 2.2em;
    text-align: right;
    padding-right: 20px;
    width: 84%;
}
body .ContentMain #login input[type=submit] {
    background: url("/images/themes/default/gui/btn_left_bg.png") no-repeat scroll 0 3px transparent;
    border: none;
    color: #fff;
    font-weight: bold;
    height: 2.2em;
    width: 5em;
}

.IVDetailsLeft > img.Detailed {display:block;margin:0 auto;}

.IVBasketSum span {display:block;font-size:130%;padding:6px;}

.IVRecoverPwd {color:#999;font-size:90%;float:right;margin-top:10px;}
.IVBox {margin-bottom:10px;}
.IVBottomBar {line-height:44px;background:url(/images/gui/ib_footer_bg.png) repeat-x center left;color:#fff;font-weight:bold;font-size:90%;overflow:hidden;}
.IVBottomBar > span {float:left;display:block;padding:0px 20px 0px 10px;background:url(/images/gui/ib_footer_separator.png) no-repeat right center;}
.IVBottomBar a {color:#fff;}
.IVBottomBar span:last-child {background:none;}
.IVBottomBar span.IVBottomBasket 
{
	float:right;
	background:url(/images/gui/ib_footer_basket_bg.png) no-repeat center left;
	padding-left:66px;
	padding-right:30px;
}
.IVTopBar {margin-bottom:10px;}
ul.metadata span {display:block;background-color:#FFF;padding:6px;margin-bottom:5px;}