/*
ÐºÐ¾Ð½Ñ‚Ð°ÐºÑ‚Ñ‹ - #485489  ox

Ð¸-Ð_Ð÷Ð¹Ð> - #B1B2BA
Ð°Ð_Ñ_Ð÷Ñ_ - #9498AB
Ñ€ÐµÐºÐ²Ð¸Ð·Ð¸Ñ‚Ñ‹ - #949889
Ñ'Ð÷Ð>Ð÷Ñ"Ð_Ð_ - #4B526F
Ð_Ð_Ð+Ð¸Ð>Ñ_Ð_Ñ<Ð¹ - #546099
Ð‘ÑƒÐºÐ²Ð° S- #3D508D
Ð±ÑƒÐºÐ²Ð° T -#5367A6
*/

/* General HTM Tags  **********************************************************************************************/
table{
	font-family: verdana, arial, helvetica, sans-serif;
	/*color: #333333;*/
}
body
{
    font: 11px Verdana; /*background-color:#333333;*/
	background-color:#333333;
	margin: 0;
	padding: 0;
    font-family: verdana, arial, helvetica, sans-serif; /*font-size: 0.7em;*/ /*color: #949889;*/ /*color: #666666;*/
    color: #949889;
}
#content-control-holder{
    text-align:left;
}

.pgTopStrip {
    border-style:ridge;
    padding-left:10px;
    margin-left:20px;
    height: 15px;
    max-height: 15px;
    color:#93aeac;
    /*font-size:12px;*/
    border-right-style:none;
    border-top-width:0px;
    border-left-width:2px;
    border-bottom-width:2px;
    border-color:White;
    text-align:left;
}

.pgTopStripRight
{
    height: 15px;
    max-height: 15px;
    border-left-style:none;
    border-right: White 2px ridge;
    padding-right: 10px;
    border-top: White 0px ridge;
    padding-bottom: 5px;
    color: #dddddd;
    padding-top: 5px;
    border-bottom: White 2px ridge;
    text-align: right;
}

textarea{
	border: 1px solid #929292;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
	background-color: #dde9ed;
}
input{

	border: 1px #929292;
	padding: 1px;
	margin: 2px 2px 2px 2px;
	border-width:1px;
	border-color:Black;
}
img {
	border-width: 0;
    width: auto; /*25px*/
    height: auto; /*25px*/
}
hr{
	border: 0;
	border-top: 1px solid #ffffff;
	height: 1px;
    margin-left:0;
    text-align:left;
}
/* MasterPage**********************************************************************************************/
.Shim
{
    background-repeat:repeat-x;
    margin-left: auto;
	margin-right: auto;
    left:0px;
	width: 790px;
	height: 8px;
}
.StripGradient
{
    /*background-image: url(../Images/Header-Shim.png);*/
}

.HeaderStrip
{
    position: relative;
    height: 45px;
    margin:0;
    padding:0px;
}
#HeaderStrip .hr{
	border: 0;
	border-top: 1px solid #000000;
	height: 1px;
}

.Control
{
	font: 8pt;
}

/* DropDowns **********************************************************************************************/

.ddList /*.Control*/{
	background-color: #dde9ed;
	border-width:1px;
	border-color:Black;
	margin: 2px 2px 2px 2px;
	font-size:95%;
}

input
{
background-color: #dde9ed;
}
select {
	/*background-color: #efeeee;*/
    background-color: #dde9ed;
	border-width:1px;
	border-color:Black;
	margin: 2px 2px 2px 2px;
	font-size:95%;
	border-spacing:0;
	border-collapse:collapse;
}

/* FeedBack page  **********************************************************************************************/
.btn .Control {
	/*display:block;*/
	margin: 2px 2px 2px 2px;
	color:Black;
	border-width:1px;
	border-color:Black;
}

.textbox /*.Control*/
{
	background-color: #dde9ed;
	border: 1px #929292;
	padding: 1px;
	margin: 2px 2px 2px 2px;
	border-width:1px;
	border-color:Black;
}
/* Hyperlinks  **********************************************************************************************/
a {
	color: #006699;
	cursor: hand;
	text-decoration: none;
}
a:visited
{
    color: #3366FF;
    cursor: hand;
    text-decoration: none;
}
a:hover {
    color: #3366FF;
	cursor: hand;
	text-decoration: underline;
}

.userLink{
	text-decoration: none;
	color: white;
	cursor: hand;
}
.userLink:visited
{
	color: white;
	cursor: hand;
}
.userLink:hover {
	text-decoration: underline;
	color: white;
	cursor: hand;
}
.linkHeader
{
    font-weight:bold;
	text-decoration: none;
	cursor: hand;
	color: #4b5e5e;
}
.linkHeader:visited
{
    font-weight:bold;
	cursor: hand;
	color: #4b5e5e;
}
.linkHeader:hover
{
    font-weight:bold;
	text-decoration: underline;
	cursor: hand;
	color: #4b5e5e;
}

/*a:active {
	color: /#316cb4;
	cursor: hand;
}*/
.manageLink {
	color: red;
	cursor: hand;
}
.manageLink:hover {
	text-decoration: underline;
	color: red;
	cursor: hand;
}
.manageLink:visited {
	color: red;
	cursor: hand;
}
.listItemLink {
	color: red;
	cursor: hand;
}
.listItemLink:hover {
	text-decoration: underline;
	color: red;
	cursor: hand;
}
.listItemLink:visited {
	color: maroon;
	cursor: hand;
}
/* Main Menu  **********************************************************************************************/
.MainMenu{
	text-align:left;
	Font-Size: 10px;
	/*background-color: #333333;*/
}

.MainMenu a
{
	text-transform: uppercase;
	color: white;
	cursor: hand;
}
.MainMenu a:visited
{
	color: white;
	cursor: hand;
	text-transform: uppercase;
}
.MainMenu a:hover
{
    text-decoration: underline;
    text-transform: uppercase;
    color: #006699;
    cursor: hand;
}
.MainMenu a:active
{
	text-transform: uppercase;
	color: #206ac5;
	cursor: hand;
}
/* SaleItem details  **********************************************************************************************/
#saleItemDetails {
    width:100%;
    clear:both;
    display:table;
    text-align:left;
}
#saleItemDetails #top
{
    width:90%;
    display:table-row;
    height:30px;
    vertical-align:top;
}
#saleItemDetails #top #HeadCell
{
   width:70%;
   display:table-cell;
   vertical-align:top;
}
#saleItemDetails #top #Header{
    text-align:left;
    width:100%;
    border-width:0px;
    border-collapse:0px;
    border-spacing:0px;
}
#saleItemDetails #top #Header #actions{
width:20%;
}
#saleItemDetails #top #Header #manage{
width:30%;
}
#saleItemDetails #top #Header #name{
width:auto;
}
#saleItemDetails #top #smartarticles{
    vertical-align:top;
    padding-left:5px;
    position:relative;
    display:table-cell;
    width:400px;
}

#saleItemDetails #errors
{
    text-decoration:underline;
}
#saleItemDetails #Header .title
{
    left:10px;
    top:10px;
    padding-left:100px;
    vertical-align: top;
    height:20px;
    background-color: #bcc8c8;
    color: #4b5e5e;
    font-weight: bold;
    font-size:large;
}

#saleItemDetails #body {
    vertical-align:top;
    display:table-row;
}
#saleItemDetails #body #PhotoBlock{
    position:relative;
    display:table-cell;
    float:left;/*fix for  buggy browsers*/
    width:250px;
}

#saleItemDetails #body #PhotoBlock #tags
{
    margin-top:10px;
    background-color:White;
    color:Blue;
    min-height:50px;
    vertical-align:top;
}

#saleItemDetails #body #ItemDetails{
top:0px;
    width:70%;
    position:relative;
    display:table-cell;
    text-align:left;
    float:right;
}
#saleItemDetails #body #ItemDetails #item-info
{
    min-height:300px;
    max-height:400px;
    vertical-align:top;
    padding-left:10px;
    background-color: #dde9ed;

    border-collapse: 0px;
    border-spacing: 0px;
}
#saleItemDetails #body #ItemDetails #item-info .cell{
    height:10px;
}
#saleItemDetails #body #ItemDetails #item-info .cell-hdr{
    font-weight:bold;
    text-align:left;
    width:10%;
    height:10px;
}
#saleItemDetails #body #ItemDetails #item-info .cell-data{
    text-align:right;
    width:90%;
    height:10px;
}

#saleItemDetails #body #ItemDetails #comments{
    display:table-row;
    width:100%;
}



/* Control Panel  **********************************************************************************************/
.ControlPanel .Title{
	text-align: left;
	padding-left: 15px;
	background-color:#507cd1;
	Color:White;
	Font-Weight:Bold;
}
.ControlPanel .Item{
	text-align: left;
	background-color:#EFF3FB;
}
.ControlPanel .ItemDescription
{
	text-align: left;
	background-color:#EFF3FB;
	color:#333333;
	font-style: italic;
}
.ControlPanel .TitleDescription
{
    text-align: left;
    background-color:#3399cc;
    color: #ffffff;
}
.ControlPanel .CfgEntryTitle
{
	text-align: left;
    vertical-align: bottom;
}
.ControlPanel .CfgEntryData
{
	text-align: left;
    vertical-align: bottom;
}
.ControlPanel a
{
	color: #206ac5;
	cursor: hand;
}

.ControlPanel a:visited
{
	color: #206ac5;
	cursor: hand;
}
.ControlPanel a:hover {
	text-decoration: underline;
	color: #206ac5;
	cursor: hand;
}
.ControlPanel a:active
{
	color: #206ac5;
	cursor: hand;
}

/* Text types **********************************************************************************************/
.SysMessage
{
	color:#cc6600;
	/*font-size:11px;*/
}
.{
	color:#DDDDDD;
}
.InputTitle{
	/*color: #B1B2BA;*/
	/*color:#35090e;*/
	color:#4b5e5e;
	font-style:normal;
	text-decoration: none;
    text-align:left;
}

.PageTitles{
	/*color: #666666;*/
	color: #4b5e5e;
	font-weight: bold;
}
.SubTitle{
	color: #230e7b;
	font-weight: bold;
}
.BlockTitle{
	color:White;
	/*text-align:center;*/
	font-weight:lighter;
	background-color:Gray;
	text-align:left;
}
.Quantity
{
    color:Black;
}
.smallNote
{
    color: Black;
    font-size:9px;
    text-decoration:underline;
    font-style:italic;
}
/* SpecialProposals  **********************************************************************************************/
.activeSp
{
	background-color: #ccffff;
	font-style:normal;
	font-weight:normal;
	color:Black;
}
.notactiveSp
{
	background-color: #ffcc99;
	font-style:normal;
	font-weight:normal;
	color:Black;
}
.SpHeader
{
	/*background-color: #b9dede;*/
}

.spLink {
	color: white;
	cursor: hand;
	/*background-color:#cccccc;*/
}
.spLink:hover
{
    color: white;
    cursor: hand;
}
.spLink:visited
{
    color: #cc6600;
    cursor: hand;
}


/* SaleItem Trading Area  **********************************************************************************************/
.activeSaleItem
{
	background-color: #ccffff;
	font-style:normal;
	font-weight:normal;
	color:Black;
}
.notactiveSaleItem
{
	background-color: #ffcc99;
	font-style:normal;
	font-weight:normal;
	color:Black;
}
.saleItemHeader
{
	/*background-color: #dde9ed; */ /*#dde9ed*/
	background-color: #bcc8c8;
}

/* Login View **********************************************************************************************/
.login .label {
	display:block;
}

.login .button {
	display:block;
	margin-top:8px;
	margin-bottom:8px;
}
/* Photos **********************************************************************************************/
/* Inline styles are used because image controls hard code a border property */
.photo_198 {
	border: 1px #dde9ed;
	width: auto;
	height:auto;
}

.photo_price {
	border: 2px solid #dde9ed;
	width:100px;
	height:auto;
	max-height:100px;
}

.photo_logo {
	border: 2px solid #dde9ed;
	width: auto;
	height:auto;
}

/* Trading Area **********************************************************************************************/

.price-color
{
    color: #e5055f;
}

.price-text {
    font-weight: bold;
    color: #df2236;
}

.price-frac {
    vertical-align:super;
    font-weight: normal;
    font-size: 75%;
    color: #df2236;
}

.price-prev
{
    text-decoration:line-through;
    color:Gray;
}
.price-multiplier
{
    padding-left:10px;
    vertical-align:middle;
    font-weight:bold;
    font-size:100%%;
}

.price-currency
{
    color: #df2236;
}

.item-title
{
    padding-left:10px;
    vertical-align: top;
    height:20px;
    background-color: #bcc8c8;
    color: #4b5e5e;
    font-weight: bold;
    font-size:large;
}

.price-item-info
{
    /*background-color: #dde9ed;*/
    padding-top:3px;
    height:100%;
}

.article-title
{
    padding-left:10px;
    vertical-align: top;
    height:20px;
    background-color: #bcc8c8;
    color: #4b5e5e;
    font-weight: bold;
    font-size:large;
}

.article-details
{
}

.article-text
{
}

.copyright
{
    position:static;
    bottom:0px;
    vertical-align:bottom;
    text-align:center;
    width:100%;
    clear: both;
}

.th title
{
width:auto;
text-align:center;
font-weight:bold;
}

.modalBackground
{
position: relative;
    background-color: #a6a6a6;
    filter: alpha(opacity=40);
    opacity: 0.7;
}


/* Manage Delivery page*/
#ManageDelivery .IconSection
{
    width:200px;
    height:250px;
    background: url('../Images/DeliveryManagement.jpg') no-repeat;
}


#ManageDelivery .TreeSection
{
    vertical-align:top;
    text-align:left;
}

#ManageDelivery .Node
{

}
#ManageDelivery .RootNode
{
    Font-weight:bold;
}

#deliveryItemDetails TD
{
    width:auto;
    vertical-align:top;
    font-variant:normal;
}

#deliveryItemDetails .InputFieldRo
{
    background-color:#cccccc;
    height:100%;
}
#deliveryItemDetails .InputFieldRw
{
    background-color:White;
    height:100%;
}

#deliveryItemDetails .ItemTitle
{
    font-weight:Bold;
}


/***** User Profile Details ************************************************************************/
#userProfileDetails{
    vertical-align:top;
    text-align:left;
}

#userProfileDetails #profileDetails{
    left:0px;
    position:relative;
    z-index:91;
    display:block;
    float:left;
}
#userProfileDetails #tradesList{

    position:relative;
    z-index:90;
    /**/
    display:block;
    float:right;
}

/***** Comments ************************************************************************/
#commentEntry
{
    width:400px;
}
#commentEntry .dttm
{
    font-style:italic;
    color:black;
}
#commentEntry .comment
{
    color:black;
}

/***** General Table ************************************************************************/

#regProfile td
{
    text-align:left;
    vertical-align:top;
}

.top-left{
    text-align:left;
    vertical-align:top;
}
.top-right{
     text-align:right;
        vertical-align:top;
}
.top-center{
        text-align:center;
        vertical-align:top;
}

.gridTable
{
    border:1px;
    border-width:1px;
    border-color:black;
    padding:1px;
    border-spacing:1px;
}


table .ItemsTable thead tr {
	text-align: left;
	padding-left: 15px;
	background-color:#507cd1;
	Color:White;
	Font-Weight:Bold;
}

table .ItemsTable thead td {
    padding-left:10px;
    padding-right:10px;
}

table .ItemsTable tbody tr {
	text-align: left;
    background-color: #eff3fb;
}

table .ItemsTable tbody .subEntry
{
	background-color:#fffff0;
}

/* Area Spaces */
.grc {padding: 5px 5px;}
.grc .e{display:block; position: relative;}
.grc .e *{display: block; overflow: hidden; position: relative; z-index: 2; font-size: 0px;}
.grc b.e b, .grc b.e i, .grc b.e u, .grc b.e s, .grc b.e span, .grc b.e strong {height: 1px !important; background: #9cabab;}
.grc b.e b, .grc b.e i, .grc b.e s {border-left:1px solid #9e9e9f; border-right:1px solid #9e9e9f;}
.grc b.e u, .grc b.e b strong, .grc b.e i strong, .grc b.e span {border-left:1px solid #9e9e9f; border-right:1px solid #9e9e9f;}
.grc b.e b{margin: 0 3px;}
.grc b.e i{margin: 0 1px;}
.grc b.e u{margin: 0 1px;}
.grc b.e s{margin: 0;}
.grc b.e b strong, .grc b.e i strong {margin: 0;}
.grc b.e span{margin: 0;}
.grc div{background: #9cabab; padding: 0 10px; color: white;}
.grc a { color: #e2f2f2;}

/****************************************************************************************************/

/* Bubbles*/
.bubbleInfo {
    position: relative;
}

.popup {
    /*border:1px solid #000000;*/
    border:0px;
    color:black; font-size:x-small; font-weight:normal; width:100px; text-align:left;
    position: absolute;
    background-color: #ffffff;
    display: none; /* keeps the popup hidden if no JS available */
}


/* Dynamic Popup*/
 .hidden
        {
            display: none;
        }

        .user-actions
        {
            margin: 10px 0 0 200px;
            width: 400px;
        }

        .user-actions p
        {
            border: 1px solid #999999;
            padding: 10px;
        }

        .user-actions p.bug a
        {
            color: red;
        }

        .user-actions p.reference a
        {
            color: green;
        }


        .user-actions a
        {
            text-decoration: none;
            border-bottom: 1px dashed;
        }

        /* Pop-up message and fading background */
        #opaco
        {
            background-color: #000000;
            left: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 70); /* IE5+ */
            filter: alpha(opacity=70); /* IE4- */
            moz-opacity: 0; /* Mozilla */
            -khtml-opacity: 0; /* Safari */
            opacity: 0; /* general CSS3 */
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 10;
        }

        #popup
        {
            background-color: #FFFFFF;
            position: fixed; /*width:300px;*/
            left: 50%;
            top: 50%;
            min-width: 300px;
            z-index: 11;
        }

        #popup h3
        {
            margin-bottom: 10px;
        }

        #popup textarea
        {
            display: block;
            width: 250px;
            margin-bottom: 10px;
        }

        #popup p
        {
            margin: 10px;
            line-height: 1.3em;
            font-size: 1.1em;
            color: #444444;
        }

        #popup .close-btn
        {
            margin: 10px;
        }

        div.bug
        {
            border: 5px solid #f28c8c;
            padding: 10px;
        }

        div.reference
        {
            border: 5px solid #6ebd6e;
            padding: 10px;
        }
