@charset "utf-8";
/*style_base.css*/
html {height:100%}
body {margin:0; padding:0; background-color:#999999 ; height:100%}
div, td  {font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#333; }
input[type="text"], input[type="password"], textarea, select {font-family: 'Roboto Mono', monospace; font-size:12px; color:#333; border-width:1px; border-style:solid; border-color:#CCC; padding:4px; border-radius: 3px 3px;}
form {padding:0; margin:0; }
a { text-decoration:none}
a:hover { text-decoration:underline}

.ticker {
    width: 1000px;
    height: 12px;
    overflow: hidden;
    margin: 0;
    padding: 0 0 2px 0;

}
.ticker  .title {color:#F00}
.ticker  .date { font-weight:normal; font-size:10px; font-style:italic}
.ticker .link { text-decoration:none; color:#0099FF; font-size:10px; font-weight:normal;}

.news_item {}
.news_top {border-width:1px 0 0 0; border-style:solid; border-color:#CCC; margin-top:6px; padding-top:10px}
.news_item .title {color:#F00; font-weight:bold; font-size:14px}
.news_item .date { font-weight:normal; font-size:10px;}
.news_item .extract {padding:4px 0; font-weight:bold}
.news_item .menu_1 {font-size:10px}
.news_item .posted_by {padding:6px 0}
.news_item .pinned {background-image:url(/images/pinned.jpg); background-repeat:no-repeat; padding-left:51px}
.info_l {float:left; color:#CCC}
.info_r {float:right; margin-right:8px; color:#FFF}


/* Set details for the header */
#header .head{height:90px; background-color:#999999}
#header .container {width:1200px; padding:15px 15px 0 15px; margin-top:15px; margin-left:auto; margin-right:auto; height:75px; background-color:#FFF;
    border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;}
#head .container_2 {background-color:#ff4b0d; }
.container_2 {background-color:#ff4b0d; }
#header .title {font-family:Tahoma, Geneva, sans-serif; font-size:22px; color:#FFFFFF; padding:25px 0 0 120px; height:110px; background-image:url(/images/logos/logo_1_1466529264.png); background-repeat:no-repeat; background-position:15px 12px}

/*Top MEnu (that is handled by Super fish CSS*/
.menu_holder{border-width:0 1px 1px 1px; border-style:solid; border-color:#D4D4D4; height:28px; background-color:#D4D4D4; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px;}


/* Set the width of the central content area */
#content {width:1200px; padding:0 15px 0 15px; margin-left:auto; margin-right:auto; min-height:73%; background-color:#FFFFFF; height:auto}
#content_plain {width:1230px; padding:15px; margin-left:auto; margin-right:auto;  min-height:100%; background-color:#FFF; height:auto}
/* Set width height of footer */
#footer .box {height:150px; background-color:#FFF; width:1200px; padding:0 15px 15px 15px; margin-left:auto; margin-right:auto; margin-bottom:15px;
    border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px;}
#footer .container { color:#FFF; padding:10px; background-color:#ff4b0d; border-radius: 5px 5px; height:130px;}

/*basic boxes*/
.box_1 {border-width:1px; border-style:solid; border-color:#CCC; padding:5px; background-color:#DDD; font-weight:bold; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;}
.box_warning {margin: 4px 0; border-width:1px; border-style:solid; border-color:#F00; padding:5px; background-color:#DDD; font-weight:bold; border-radius: 5px 5px;}
.box_1b {border-width:0 1px 1px 1px; border-style:solid; border-color:#CCC; padding:10px; background-color:#FFF; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px;}
.box_1c {border-width:1px; border-style:solid; border-color:#CCC; padding:5px; background-color:#FFF; border-radius: 5px 5px; margin-bottom:4px}
.box_cont {padding:0 0 10px 0}
.box_2 {border-width:1px; border-style:solid; border-color:#CCC; padding:5px}
.box_right {border-width:0 1px 0 0; border-style:solid; border-color:#CCC; margin-right:8px; padding-right:8px}
.box_img {border-width:1px 1px 1px 1px; border-style:solid; border-color:#9E917C}
.box_color {border-width:1px; border-style:solid; border-color:#000; height:22px; width:100px; margin-left:10px; float:left;}
.box_sub_head {border-width:0 0 1px 0; border-style:solid; border-color:#999999; margin-bottom:5px; height:16px; font-weight:bold;}
.box_3 {border-width:0 0 1px 0; border-style:solid; border-color:#CCC; padding:2px; margin-bottom:2px}
.box_block {border-width:1px; border-style:solid; border-color:#000; padding:4px; margin:2px 0 2px 0}
.box_4 {border-width:1px 0 0 0; border-style:solid; border-color:#CCC; padding-top:2px; margin-top:2px}

/*button styles*/
.b_login {height:48px; width:90px}
.b_topup {height:48px; width:90px}

/*general styles*/
#white td{color:#FFF}
.error_bold {color:#F00; font-weight:bold}
.txt_b1{font-weight:bold}

/*link Styles*/
.menu_1 {color:#0099FF}
.menu_1b {color:#0099FF !important; font-weight:bold}

/*Pagination style (data lists)*/
.pages {/* clear:center; */ font-size: 10px;
    font-family: Verdana, Arial, Helvetica, serif; width: 100%; /*margin: 5px 5px 5px 16%;*/}
.pages a, .pages span {display: block;float: left;padding: 0.2em 0.5em; margin-right: 0.1em; border: 1px solid #fff; background: #fff;}
.pages span.current { border: 1px solid #0066FF; font-weight: bold; background: #0066FF; color: #fff;}
.pages a {border: 1px solid #5C7C4D;text-decoration: none;}
.pages a:hover {border-color: #333333;}
.pages a.nextprev {border: 1px solid #333333; font-weight: bold; background: white; color: #0099FF;}
.pages span.nextprev {color: #666;font-weight: bold;}
.pages span.nextprev {border: 1px solid #ddd; color: #999;}

/*Styles for Code Request Page ADMIN*/
.item_holder {padding:10px}
.item_label {font-weight:bold; color:#000;}
.item_label_error {color:#F00; font-weight:bold}
.item_descr {padding:0 8px 0 0; font-size:10px}
.item_table {width:930px;}
.c1 {width:25px; vertical-align:top}
.c2 {width:175px; vertical-align:top}
.c3 {vertical-align:top}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip { display:none; margin-left:5px; background:url(/images/tool_tip_bg.gif); background-repeat:no-repeat;
    font-size:10px; height:74px; width:300px; padding:25px; color:#FFF; }

/*button styling*/
.button_order {width:220px; height:30px; color:#000; font-weight:bold;}
.button_config {width:220px; height:30px; color:#000;}

/* sub Menus */
#sublist{}
#sublist ul {list-style: none; padding: 0; margin: 0; text-align:right}
#sublist li {float: right; list-style:none; margin: 0 0.15em; padding: 0; margin-bottom: 0; line-height: 25px; padding-left: 5px; padding-right: 5px;}
#sublist li a { font-family: Tahoma; font-size: 11px; line-height: 11px; color: #0099FF; text-decoration: none; font-weight:bold}
#sublist li a:hover {text-decoration:underline;}
.subactive{color: #000000;}

#suba{}
#suba ul {list-style: none; padding: 0; margin: 0; text-align:left}
#suba li {list-style:none; margin: 0 0.15em; padding: 0; margin-bottom: 0; line-height: 25px; padding-left: 5px; padding-right: 5px; display:inline}
#suba li a { font-family: Tahoma; font-size: 11px; line-height: 11px; color: #0099FF; text-decoration: none; font-weight:bold}
#suba a:hover {text-decoration:underline;}

/* Input focus styles (applied by Jquery */
.field_focus {background-color: transparent; background-image:url(/images/text_focus2.gif); background-repeat: repeat-x; border-color:#999}
.field_txta_focus {background-color: transparent; background-image:url(/images/txt_bg1.gif); background-repeat:repeat-x; border-color:#999}
.field_ide { background-image:none}
.clearf {clear:both;}

#prdt_dts span {color:#333}
#model_notes_content, #model_instr_content {font-weight:bold; color:#F00}
.request_extra{margin:10px 0 0 0; display:none; border-width:1px; border-style:solid; border-color:#CCC; padding:5px 5px 5px 28px; background-image:url(/images/icons/warning_16.png); background-repeat:no-repeat; background-position:5px 5px}

form .group { margin:0 0 0 0; padding:1px 8px 1px 8px}
form .col1 {float:left; width:120px; margin:4px 10px 0 0}
form .col2 {float:left; width:600px; }
form .col2a {float:left; }
form .col3 {float:right; width:410px; text-align:right}
form .clear {clear:both}
form .sep {border-width:0 0 1px 0; border-style:dashed; border-color:#CCC; padding-bottom:8px; margin-bottom:8px}
form .control-label {font-weight:bold}
.ui-autocomplete-loading {background: white url("/images/ajax-loader-sm.gif") right center no-repeat;}
.col_1, .col_l {float:left; width:50%}
.col_2, .col_r {float:right; width:50%}
.clear {clear:both}

.sbs_container {display: inline-flex;}
.sbs1 {margin-right: 10px;flex: auto;}
.sbs2 {flex: auto;}