﻿/*Page*/

div
{
    width:auto;
}

.topDiv
{
    padding:0px 0px 0px 0px;
    background-color: #FAFAFA;
    border: 2px solid #F4F4F4;
    
    width:100%;
    margin-bottom:10px;
}

.cPosition
{
    margin: 10px 0px 0px 0px;
}

#LCPContent
{
    width: 940px;
}

/*Core*/
.cpstart
{
    margin-left: 10px;
}

.cpline
{
    /*margin: 4px 0px 6px 0px;*/
    padding-top:6px;
    height: 24px;
    overflow:auto;
}

.cplinetop
{
    background-color: #868686;
    width: 950px;
    padding: 3px 0px 0px 10px;
    margin: 0px 0px 5px 0px;
    height: 23px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}



.cpname
{
    font-weight: bold;
    font-size: 11pt;
    margin-right: 0px;
    color: #515151;
    
    float:left;
}

.cpnametop
{
    color: White;
    font-size:12pt;
}

.remcp
{
    margin: 1px 0px 0px 10px;
    background-color: #C05754;
    padding: 0px 5px 2px 5px;
    margin-left: 10px;
    color: White;
    cursor: pointer;
    display: table;
    float: left;
    font-size: 85%;
    border-radius: 5px;
}

.remcp:hover
{
    margin: 1px 0px 0px 10px;
    background-color: #8D3634;
    padding: 0px 5px 2px 5px;
    margin-left: 10px;
    color: White;
    cursor: pointer;
    display: table;
    float: left;
    font-size: 85%;
    border-radius: 5px;
}

.addcp
{
    margin: 1px 0px 0px 10px;
    background-color: #4f8b8a;
    padding: 0px 5px 2px 5px;
    margin-left: 10px;
    color: White;
    cursor: pointer;
    display: table;
    float: left;
    font-size: 85%;
    border-radius: 3px;
}

.addcp:hover
{
    margin: 1px 0px 0px 10px;
    background-color: #3C6261;
    padding: 0px 5px 2px 5px;
    margin-left: 10px;
    color: White;
    cursor: pointer;
    display: table;
    float: left;
    font-size: 85%;
}

.atrstart
{
    /*margin-bottom: 8px;*/
    /*border-left: 1px solid silver;*/
    width:100%;
}

/*.atrstart:hover
{
    background-color:Silver;
}*/

.atr
{
    min-height: 27px;
    margin: 5px 0px 0px 5px;
    padding-left: 10px;
    background-color: #E2E2E2; /*overflow:auto;*/
    width: 100%;
    /*clear: both;*/
}

.atr:hover
{
    background-color: #BEBEBE;
}

.atrname
{
    font-size: 11pt;
    color: #2D2D2D;
    float: left;
    width: 165px;
    padding-top: 3px;
}

.atrvalue
{
    float:right;
    padding-top:3px;
    margin-right:5px;
}

.atrtruevalue
{
    background-position: 0px -2px;
    width: 24px;
    height: 24px;
    background-image: url('../Images/Icons/24/Allowed.png');
}

.atrfalsevalue
{
    background-position: 0px -2px;
    width: 24px;
    height: 24px;
    background-image: url('../Images/Icons/24/NotAllowed.png');
}

.atrselect
{
    float: right;
    padding-top:4px;
    padding-right:5px;
    max-width:700px;
    text-align:right;
}

.AtrSelectInp
{
    
}

.AtrSelectLine
{
   
    padding-bottom:1px;
}

.AtrSelectLineOpt
{
    float: right;
    margin: 0px 3px 3px 3px;
    padding: 0px 5px 1px 5px; /*border: 1px solid #c6c6c6;*/
    border-radius: 2px;
    background-color: #FCFCFC;
    font-size: 95%;
    min-width: 30px;
    text-align: center;
}

.AtrSelectLineOpt:hover
{
    background-color: #E10000;
    color: #FFFFFF !important;
    cursor: pointer;
}

.AtrSelectLineOptSel
{
    /*border: 1px solid #999999;*/
    background-color: #454545;
    color: #FFFFFF;
}

.atrcln
{
    clear:both;
}

.aomain
{
    font-weight:bold;
}

.atrunits
{
    
}

.atruncuststart
{
    padding: 2px 15px 0px 15px;
    margin-top: 5px;
    margin-left: 5px;
    color: White;
    background-color:#A0A0A0;
    font-size:85%;
    height:22px;
    cursor: pointer;
    display:table;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    clear:both;
}

.atruncuststart:hover
{
    background-color: #676767;
}

.atruncust
{
   display: none;
}

.atruncustend
{
    padding: 2px 15px 0px 15px;
    margin-top: 5px;
    margin-left: 5px;
    color: White;
    background-color:#A0A0A0;
    font-size:85%;
    height:22px;
    cursor: pointer;
    display:table;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.atruncustend:hover
{
    background-color: #676767;
}

.atrend
{
}

.atrend
{
    /*width: 10px;
    border-top: 1px solid silver;*/
}

/*Price aria*/

.ordrtop
{
    width: 940px;
    margin: 0px 0px 10px 0px;
}

#DivTrialContent
{
    float: right;
    margin: 0px 0px 10px 0px;
    font-size: 13pt;
    color: #000099;
}

#TrialEnd
{
    clear:both;
}

.pricetot
{
    font-size: 13pt;
    display:table;
    float:right;
}

#CPDynamicPriceMo
{
    font-weight:bold;
    margin: 5px;
    float:left;
    color:Black;
}

#CPDynamicPrice
{
    margin: 5px;
    float:left;
}

.ordrbut
{
    margin:6px 3px 0px 5px;
    float:right;
    background-color: #D83027;
    border-radius: 5px;
    display:table;
}

#LBOrder
{
    text-decoration: none;
    padding: 4px 10px 5px 10px;
    background-color: #D83027;
    color: White;
    border-radius: 5px;
    font-size:11pt;
}

#LBOrder:hover
{
    background-color: #003C77;
}

.AtrSelectInp
{
    border-radius: 3px;
    border: 1px solid white;
    color: #555;
    font-size: 100%;
}

.order-end
{
    clear: both;
}