/*STYLE USED FOR SETTING THE HEIGHT AND WIDTH OF THE PAGE*/
body {
    margin: 0px;
}

.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt {
    color: white;
}

.pageMain {
    width: 1584px;
    height: 862px;
    width: 1565px;
    height: 832px;
}

.pageMainForLogin {
    width: 1024px;
    height: 768px;
}

.pageMainSeaPost {
    width: 1280px;
    height: 720px;
}

.pageleft {
    width: 55%;
    float: left;
}

.pageMainGlobal {
    width: 1000px;
    height: 720px;
    margin: auto;
    padding-top: 10px;
}

.pageMainGlobalTrans {
    width: 970px;
    height: 720px;
    margin: auto;
    padding-top: 10px;
}

.pageMainSeaPost1 {
    width: 1280px;
    height: 620px;
}

.pageHeader {
    width: 100%;
    height: 33px;
    position: fixed;
    top: 10px;
    left: 15px;
}

.pageContent {
    width: 850px;
}
/*used in pages where there is no seperate windows/sudivisions within the page content, such as the login page & home page*/
.pageSection {
    width: 1529px;
}

.pageLHSsection {
    width: 600px;
}


.rfdButton a.rfdSkinnedButton, .rfdButton a.rfdSkinnedButton * {
    padding-bottom: 0px;
}

/*STYLE USED FOR SETTING THE WIDTH OF THE TABLES PRESENT INSIDE USER CONTROLS*/
.kstyle2 {
    width: 550px;
}


/*STYLE USED FOR SETTING THE WIDTH OF THE TABLES AND RAD-CONTROLS PRESENT INSIDE USER CONTROLS*/
TABLE.MYTABLE {
    font-family: arial;
    border-collapse: collapse;
    font-size: 10pt; /*background-color: #FFFFFF;*/
    text-align: right;
    empty-cells: show;
    width: 500px;
    font-weight: bold;
}

TH.MYTABLE {
    font-size: 10pt;
    color: black;
}

TR.MYTABLE {
    height: 25;
    vertical-align: middle;
}

TD.MYTABLE {
    font-size: 10pt;
    text-align: center;
}

/*STYLE USED FOR RAD-TEXTBOX's LABELS*/
.MyLabel {
    width: 150px;
    padding: 9px 10px 5px 0px;
    display: block;
    text-align: right;
    color: #000000;
    font-family: Verdana;
    font-size: small;
    font-weight: bold;
}
.MyLabelSmall
{
    width: 100px !important;
    font-family: Verdana;
}

.rcbLabel {
    width: 100px;
    padding: 9px 16px 5px 0px;
    display: block;
    text-align: left;
    color: #000000;
    font-family: Verdana;
    font-size: small;
}


/*STYLE USED IN NEW SHIPPER USER CONTROL*/

TABLE.MYTABLENEWSHIPPER {
    font-family: arial;
    border-collapse: collapse;
    font-size: 10pt; /*background-color: #FFFFFF;*/
    text-align: right;
    empty-cells: show;
    width: 400px;
    font-weight: bold;
}

.MyLabelNewShipper {
    width: 104px;
    padding: 9px 16px 5px 0px;
    display: block;
    text-align: right;
    color: #000000;
    font-family: Verdana;
    font-size: small;
    font-weight: bold;
}

.MyLabelNewShipperId {
    width: 70px;
    padding: 9px 16px 5px 0px;
    display: block;
    text-align: right;
    color: #000000;
    font-family: Verdana;
    font-size: small;
    font-weight: bold;
}

.myText {
    font-family: Verdana;
    font-size: small;
    text-align: left;
    padding: 0px 18px 0px 1px;
}

.textSize {
    font-family: Verdana;
    font-size: small;
    text-align: left;
}

.textSizeGlobal {
    font-family: Verdana;
    font-size: x-small !important;
    text-align: left;
}

.textSizeVerification {
    font-family: Verdana;
    font-size: 8pt;
    text-align: left;
}

/*STYLE USED FOR TEXT(where bold text is used), LIKE IN THE LOGIN PAGE */
.textBold {
    font-family: "Arial Black";
    font-size: large;
}

/*MENU STYLE */
.menutxtstyle {
    font-family: Tahoma, Arial;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
}


/*Icon style  */

.remitIcons {
    color: #8C8C8C;
    text-align: center;
    height: 47px;
    width: 46px;
    background-repeat: no-repeat;
    padding-top: 0px;
    vertical-align: bottom;
    text-align: center;
    padding-right: 0px;
}

/* DIV STYLES */
.divMain {
    height: auto;
    padding-bottom: 0;
    padding-right: 0px;
    padding-top: 0;
}

.divMainNew {
    background-color: #D3D3D3;
    height: auto;
    padding-bottom: 0;
    padding-right: 0px;
    padding-top: 0;
}

.divMain1 {
    height: auto;
    padding-bottom: 0;
    padding-right: 5px;
    padding-top: 0;
}

.hnb1 {
    background-image: url( '../ControlPannelImages/ipp_ok.gif');
}


.divHeader {
    padding: 5px;
    background-image: url('../css_image/Box_title.jpg');
    background-repeat: repeat-x;
    height: 29px;
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 14pt;
    text-align: center;
}

.divHeaderNew {
    padding: 5px;
    background-image: url('../css_image/Box_title.jpg');
    background-repeat: repeat-x;
    height: 29px;
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 14pt;
}

.divheadernewtrans {
    padding: 5px;
    background-image: url('../css_image/Box_title.jpg');
    background-repeat: repeat-x;
    height: 29px;
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 14pt;
    position: fixed;
    width: 100%;
}

.divHeaderglobal {
    padding: 5px;
    background-image: url('../css_image/Box_title.jpg');
    background-repeat: repeat-x;
    height: 29px;
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 14pt;
    text-align: center;
    width: 40%;
}

.divHeader_txt {
    padding: 5px;
    background-image: url('../css_image/Box_title.jpg');
    background-repeat: repeat-x;
    margin-top: 20px;
    height: 29px;
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 14pt;
    text-align: center;
    position: fixed;
    width: 1000px;
    top: 3px;
    left: 288px;
}



.divHeaderSub1 {
    height: 40px;
    text-align: center;
}


.divHeaderSub {
    padding: 5px 10% 5px 10%;
    background-image: url('../images/con_bilis.jpg');
    background-repeat: no-repeat;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 0px;
    height: 10px;
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 9pt;
    text-align: center;
}

.divHeaderSub1 {
    padding: 5px 10% 5px 10%;
    background-image: url('../images/con_instant.jpg');
    background-repeat: no-repeat;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 0px;
    height: 10px;
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 9pt;
    text-align: center;
}


.divHeaderSub2 {
    padding: 5px 10% 5px 10%;
    background-image: url('../images/con_bank.jpg');
    background-repeat: no-repeat;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 0px;
    height: 10px;
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 9pt;
    text-align: center;
}

.divContent {
    padding: 9px;
    background-color: #D3D3D3;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: Verdana;
}

.divContent_Txt {
    padding: 9px;
    background-color: #D3D3D3;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: Verdana;
    margin-top: 60px;
    position: fixed;
    width: 990px;
    top: 3px;
    left: 288px;
}

.divHeaderUC {
    padding: 5px 5px 5px 5px;
    background-image: url('../css_image/Box_title.jpg');
    background-repeat: repeat-x;
    height: 29px;
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 14pt;
    text-align: center;
}

.divHeaderUCExchng {
    padding: 5px 5px 5px 5px;
    background-image: url('../css_image/Box_title.jpg');
    background-repeat: repeat-x;
    height: 29px;
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 14pt;
    text-align: center;
    width: 99%;
}

.divHeaderUCExchngGlobal {
    padding: 5px 5px 5px 5px;
    background-image: url('../css_image/Box_title.jpg');
    background-repeat: repeat-x;
    height: 29px;
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 14pt;
    text-align: center;
    width: 98.5%;
}

.divHeaderUC2 {
    padding: 9px 9px 9px 35px;
    background-repeat: repeat-x;
    margin-bottom: 10px;
    height: 20px;
    font-family: Verdana;
    font-size: 14pt;
    text-align: center;
}

.divHeaderUC2global {
    padding: 9px 9px 9px 35px;
    background-repeat: repeat-x;
    margin-bottom: 10px;
    height: 20px;
    font-family: Verdana;
    font-size: 11pt;
    text-align: center;
}


.divContentUC {
    background-color: #D3D3D3;
    font-family: Verdana;
    font-size: 15px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 9px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 9px;
}

.divcontentucconsignee {
    background-color: #D3D3D3;
    font-family: Verdana;
    font-size: 15px;
    margin-bottom: 10px;
}

.divContentUC1 {
    width: 527px;
    height: 480px;
    background-color: #D3D3D3;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: Verdana;
    margin-left: 10px;
    margin-right: 5px;
}

.divContentiFrame {
    width: 527px;
    height: 750px;
    background-color: #D3D3D3;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 15px;
    font-family: Verdana;
    margin-left: 10px;
    margin-right: 5px;
}

.divContentUC1global {
    width: 320px;
    height: 300px;
    background-color: #D3D3D3;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: Verdana;
    margin-left: 15px;
    margin-right: 5px;
    margin-top: 6px;
}


.divContentUC2 {
    background-color: #D3D3D3;
    font-size: 12px;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 2px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 9px;
}

.divProductMenuUC {
    padding-top: 3px;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: Verdana;
    margin-left: 10px;
    margin-right: 5px;
}

.selship {
    background-color: #D3D3D3;
    font-family: Verdana;
    font-size: 14px;
    height: 190px;
    margin-bottom: 10px; /* margin-left: 5%; 	margin-right: 5%; */
    padding-bottom: 9px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 9px;
}

.selship7 {
    background-color: #D3D3D3;
    font-family: Verdana;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 5%;
    margin-right: 5%;
    padding-bottom: 1px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 9px;
}

.selshipnew {
    font-family: Verdana;
    font-size: 14px;
    margin-bottom: 5px;
    margin-left: 5%;
    margin-right: 5%;
    padding-bottom: 1px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 0px;
}


.selship1 {
    background-color: #D3D3D3;
    font-family: Verdana;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 5%;
    margin-right: 5%;
    padding-bottom: 9px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 9px;
}

.selcon {
    padding: 9px;
    background-color: #D3D3D3;
    font-size: 14px;
    font-family: Verdana;
    margin-left: 5%;
    margin-right: 5%;
}

.selconnew {
    padding: 0px;
    background-color: #D3D3D3;
    font-size: 14px;
    font-family: Verdana;
    margin-left: 5%;
    margin-right: 5%;
}

.selcon1 {
    padding: 9px;
    background-color: #D3D3D3;
    font-size: 14px;
    font-family: Verdana;
    margin-left: 5%;
    margin-right: 5%;
}

.selcon2 {
    background-color: #D3D3D3;
    font-family: Verdana;
    font-size: 14px;
    margin-left: 5%;
    margin-right: 5%;
    padding-left: 9px;
    padding-right: 9px;
}


.selcon3 {
    padding: 9px;
    background-color: #D3D3D3;
    font-size: 14px;
    font-family: Verdana;
    margin-left: 5%;
    margin-right: 5%;
}

.transMainSeaPosting {
    float: none;
    height: 784px;
    left: 80px;
    top: 12px;
    width: 928px;
}

.tranMain {
    float: left;
    height: 784px;
    left: 8px;
    position: fixed;
    top: 12px;
    width: 928px;
}

.tranMainNew {
    float: left;
    height: 784px;
    left: 8px;
    position: fixed;
    top: 10px;
    width: 993px;
}

.shipperMain {
    background-color: #D3D3D3;
    float: left;
    height: 800px;
    left: 8px;
    padding-top: 0;
    position: fixed;
    top: 10px;
    width: 990px;
}




.shipperMainSeaPost {
    /*position: fixed;*/
    background-color: #D3D3D3;
    margin-top: 20px;
    margin-left: 30px;
    width: 550px;
    float: left;
}

.tranShipperAndConsignee {
    background-color: #D3D3D3;
    float: left;
    height: 460px; /*left: 20px;*/
    position: fixed;
    top: 220px;
    width: 320px;
}

.tranShipperAndConsigneeEasyGlobal {
    background-color: #D3D3D3;
    float: left;
    height: 460px; /*left: 20px;*/
    position: fixed;
    top: 237px;
    width: 320px;
}

.tranShipperAndConsigneeEasyGlobalNew {
    background-color: #D3D3D3;
    float: left;
    height: 460px; /*left: 20px;*/
    position: fixed;
    top: 80px;
    width: 320px;
}

.tranShipperAndConsigneeEasyGlobalTrans {
    float: left;
    height: 460px; /*left: 20px;*/
    margin-top: 0px;
    width: 320px;
}



.tranShipperAndConsignee2 {
    background-color: #D3D3D3;
    height: 200px;
    margin-right: 60px;
    width: 320px;
    margin-top: 20px;
    float: right;
}

.tranShipperAndConsignee3 {
    background-color: #D3D3D3;
    height: 200px;
    top: 20px;
    width: 320px;
    float: left;
    position: fixed;
}

.tranShipperAndConsigneeNew {
    background-color: #D3D3D3;
    height: 180px;
    top: 80px;
    width: 340px !important;
    float: left;
    position: fixed;
}

.tranShipperAndConsignee_Txt {
    background-color: #D3D3D3;
    height: 200px;
    width: 320px;
    position: fixed;
    top: 65px;
    left: 288px;
}

.tranReport_Txt {
    background-color: #D3D3D3;
    top: 65px;
    left: 625px;
    float: left;
    position: fixed;
}

.controlWindow {
    height: 174px;
    left: 942px;
    padding-top: 10px;
    position: fixed;
    top: 8px;
    width: 580px;
}


.tranTranWindow {
    background-color: #D3D3D3;
    float: left;
    left: 362px;
    position: fixed;
    top: 20px;
    width: 634px;
}

.tranTranWindowNew {
    float: right;
    left: 362px;
    position: fixed;
    top: 80px;
    width: 641px;
}

.tranTranWindow2 {
    margin-left: 330px;
    position: fixed;
    top: 10px;
}

.tranTranWindowNew2 {
    margin-left: 330px;
    position: fixed;
    top: 80px;
}

.tranTranWindowNewTrans2 {
    margin-left: 330px;
    margin-top: 5px;
    top: 80px;
}

.tranTranWindow9 {
    background-color: #D3D3D3;
    float: left;
    left: 362px;
    position: fixed;
    top: 20px;
    width: 634px;
}

.tranTranWindow1 {
    width: 95%;
    position: fixed;
    top: 65px;
    left: 318px;
    float: left;
}

.tranToolsWindow {
    background-color: #D3D3D3;
    height: 564px;
    left: 1017px;
    padding-bottom: 3px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: fixed;
    top: 252px;
    width: 546px;
}

.tranToolsWindowNew {
    background-color: #D3D3D3;
    height: 800px;
    left: 1012px;
    padding-bottom: 3px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: fixed;
    top: 10px;
    width: 546px;
}

.shipperMainGlobal {
    background-color: #D3D3D3;
    height: 800px;
    width: 99%;
}

.tranToolsWindowglobal {
    background-color: #D3D3D3;
    height: 350px;
    width: 350px;
    margin: 10px 0px 0px 0px;
}

.shipperlistglobal {
    float: left;
    height: 800px;
    width: 600px !important;
    background-color: Orange;
}

.tranMessageWindow {
    background-color: #D3D3D3;
    float: left;
    height: 212px;
    left: 1017px;
    position: fixed;
    top: 20px;
    width: 543px;
}

.tranMessageWindowglobal {
    background-color: #D3D3D3;
    height: 214px;
    width: 285px;
}

.tranMessageWindowEasyglobal {
    background-color: #D3D3D3;
    height: 225px;
    width: 320px;
    float: left;
    position: fixed;
    top: 10px;
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
}

.tranRHSWindow {
    width: 100px;
    position: absolute;
}

.divPayment {
    position: fixed;
    top: 590px;
    left: 0px;
    float: left;
    left: 10px;
}

.RadComboBox .rcbReadOnly .rcbInput {
    color: white;
    cursor: default;
}

a.SelectedItem:link, a.SelectedItem:visited {
    color: #666666;
    text-decoration: none;
    font-family: 'Lucida Sans';
    font-size: 12px;
}

a.SelectedItem:hover {
    font-family: 'Lucida Sans';
    font-size: 12px;
    text-decoration: none;
    color: #D90000;
}

a.SelectedItem:active {
    font-family: 'Lucida Sans';
    font-size: 12px;
    color: #666666;
    text-decoration: none;
}

/* override telerik grid style*/
.RadGrid_Telerik .rgSelectedRow {
    background: none !important;
    background: image !important;
    border: none !important;
}
/* override telerik grid style*/
.RadGrid_Telerik .rgHoveredRow {
    background: none !important;
    background-image: none !important;
    border: none !important;
}
/* override telerik grid style*/
.RadGrid_Telerik .rgSelectedRow td {
    border-bottom-color: transparent !important;
}

/* Remove rad paging*/
div.RadGrid .rgPager .rgAdvPart {
    display: none;
}

.condetails-bordergreen {
    border: solid 2px #d2f8c5;
}

.condetails-border {
    border: solid 2px #218900;
}

.tranToolsWindow1 {
    height: 560px;
    position: relative;
    top: 0px;
    right: 0px;
}