body{line-height:20px; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#646464;}
html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
/*a:link, a:visited{color:#323232;text-decoration:underline;}
a:hover{text-decoration:none;}*/
select, input{padding:0; margin:0; color:#646464;font-size:14px;font-family:Arial, Helvetica, sans-serif;vertical-align:middle;}
select{padding:3px;width:60px;}
.maindiv{width:100%;}
.ShareStatusDown{color:Red;}
.ShareStatusUp{color:Green;}
h1{padding:10px 0 10px 0; margin:0; font-size:20px; color:#313131;font-family: Arial, Helvetica, sans-serif; /*border-bottom:1px solid #ededed;*/font-weight:bold;}
.textboxval{width:140px; padding:8px;}
.SPCValueContent{width:100%; float:left; padding:7px 0; vertical-align:middle;}
.textbox{float:right;padding:0px;vertical-align:middle; width:30%;}
.ShareStatusDown{float:right;padding:0px;vertical-align:middle; width:30%;}
.spclabel{float:left;padding:0 5px 0 0;vertical-align:middle;width:60%;}
.section{ width:99%; float:left;padding:0 0 10px 1%;}
.btn{-webkit-appearance:none;background:#307fe2;  color: #fff; font-size: 14px; height:32px; padding: 0 10px 0 10px; text-align: center; vertical-align: middle; margin: 0;border:1px solid #307fe2;}
.btn:hover{cursor:pointer;border:1px solid #307fe2;background:#fff;color:#307fe2;}
#SPCChangeInValueControl_chkDividend{margin:-1px 5px 0 0; vertical-align:middle; *margin:0 5px 0 0;}
.dvSharePriceOutputSection{float:left; width:100%; padding:20px 0 0 0;}
.ShareStatusUp{float:right;padding:0px;vertical-align:middle; width:30%;}
#calculateText{display:none;}
.selectBox.day.selectBox-dropdown,.selectBox.month.selectBox-dropdown{margin-right: 5px;}
.selectBox-dropdown,.selectBox-dropdown .selectBox-label{width:70px !important;}
.selectBox-dropdown-menu{width:70px !important;}
/* Dropdown Selection Styling 
.sub-selector{background-color: #fff; padding:5px 8px; border:1px solid #e0e0e0;height:24px;position:relative;clear:none;color: #646464;margin:0 5px 0 0;width:60px !important;float:left;}
/*.icon-expand .sbToggleOpen {border: 1px solid #000;}
.sbSelector{display:block;height:24px;left:0;line-height:36px;outline:none;overflow:hidden;position:absolute;text-indent:10px;top:0;width:100%; color:#646464; text-decoration:none;}
/*.sbSelector:hover{text-decoration: none;background:url(../images/arrow.png) no-repeat top right;}
.sbSelector:visited{color:#fff;outline:none;text-decoration:none;}
.icon-expand{background:url("../../images/selectBox-arrow.gif") no-repeat scroll 60% 50% transparent;display:block;height:35px;outline:none;position:absolute;right:0;top:0;width:25px;}
.sbHolderDisabled{background-color:#e3e3e3;}

.site-select{background-color:#fff;list-style:none;left:-1px;margin:0;padding:0 0 0 0; position:absolute;width:78px;z-index:1;overflow-y:auto !important;top:37px !important;border: 1px solid #ccc;color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing:border-box;max-height:250px !important; border: 1px solid #bbbbbb;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);}
/*:root .site-select{width:194px\0/;}
.site-select li{padding:0;}
.site-select li:hover{}
.site-select a{display:block;outline:none;padding:3px 0 3px 10px; text-decoration:none;color:#646464;font-size:14px;}
.site-select a:hover{color:#fff;background:#646464;}
.site-select li.last a{border-bottom:none;}
.site-select .sbDisabled{border-bottom:1px solid #C6C6C6;color:#646464;display:block;padding:7px 0 7px 3px;}
.site-select .sbGroup{border-bottom:1px solid #C6C6C6;color:#EBB52D;display:block;font-weight:bold;padding:7px 0 7px 3px;}
.site-select .sbSub{padding-left:17px;}

.fullyrfigures .sub-selector{width:304px; margin:8px 0 0 1px;}
.fullyrfigures .site-select{width:306px;}
/* Dropdown Selection Styling */
@media only screen and (max-width:1024px) {
#SPCChangeInValueControl_chkDividend{margin:-5px 5px 0 0;}
}
@media only screen and (max-width:1000px) {
.textbox,.ShareStatusUp, .ShareStatusDown {width:45%;}
.spclabel{width:50%;}
}


@media only screen and (max-width:768px) 
{
    .SPCToolHeadMessagediv{font-size:20px;}
    h1{font-size:20px;}
    .section{ width:100%; float:left;padding-left:0;}
    /*.textbox{width:40%;}
    .spclabel{width:55%;}*/
}

@media only screen and (max-width:650px) {
    .textbox,.ShareStatusUp, .ShareStatusDown{width:50%;}
    .spclabel{width:47%;}
#SPCChangeInValueControl_chkDividend{margin:-1px 5px 0 0;}
}

@media only screen and (max-width:640px) 
{
/*body{font-size:14px;}*/
/*h1{font-size:14px;}*/
/*.SPCToolHeadMessagediv{font-size:12px !important;}*/
#SPCChangeInValueControl_chkDividend{margin:-3px 5px 0 0;}
.topContent, #SPCChangeInValueControl_dvDividendOutputSection{display:none}
.curPrice{font-size:14px; font-weight:bold;}
#calculateText{display:none;}
.SPCValueContent{}
.textbox, .ShareStatusDown, .ShareStatusUp{float:right;vertical-align:middle}
.spclabel{float:left;padding:0;}
}

@media only screen and (max-width:570px) {
.textbox, .ShareStatusDown, .ShareStatusUp{width:55%;}
.spclabel{float:left;padding:0;width:43%;}
#SPCChangeInValueControl_ddlYear{ width:85px;}
select{width:60px;}
.sub-selector{width:70px !important;}
.site-select{width:82px !important;}
/*:root .site-select{width:82px !important;}
.site-select{width:82px \0/IE8+9 !important;}*/
}

@media only screen and (max-width:480px) {
.spclabel{padding:0 !important;width:43%;}
.textbox{width:56%;}
#SPCChangeInValueControl_ddlMonth, #SPCChangeInValueControl_ddlDay{float:left; margin-right: 10px}
#divSelectDate .spclabel{float:left}
#SPCChangeInValueControl_divDividendSelect .textbox{width:100%;}
select{width:60px;}
}
@media only screen and (max-width:400px) {
.forsmall label{font-weight:normal !important;}
.SPCValueContent{}
/*.textbox, .ShareStatusUp{float:none;padding:2px 0;vertical-align:middle; width:95%; font-weight:bold;}*/
.forsmall{float:none !important; padding:2px 0 !important; vertical-align:middle !important; width:95% !important;}
/*.spclabel{float:left;padding:0 5px 0 0;;width:100%;}*/
.textbox, .ShareStatusDown, .ShareStatusUp{width:45%;}
.spclabel{width:50%;}
::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-track{background: rgb(100, 100, 100);}
::-webkit-scrollbar-thumb{background: rgb(100, 100, 100);}
}

@media only screen and (max-width:342px) {
    select{width:60px;}
    #SPCChangeInValueControl_ddlYear{ width:85px;}
}

@media only screen and (max-width:320px) {
#SPCLookUpControl_upSPCLookUp{display:none;}
}