/* Default CSS */
.fbbody
{
    font-family: Arial;
    font-size: 13px; 
    color: #333333;  
} 

.fbbody a
{
    text-decoration: none;
}

.fbbody a:hover
{
    text-decoration: underline;
}

/* Header */
.fbtableheader
{
    top: 0;
    background: #3B5998;
    color: #FFFFFF;
}


/* Box Styles */
.fbgreybox
{
    background-color: #f7f7f7;
    border: 1px solid #cccccc;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
.fbbluebox
{
    background-color: #eceff6;
    border: 1px solid #d4dae8;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
.fbinfobox
{
    background-color: #fff9d7;
    border: 1px solid #e2c822;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
.fberrorbox
{
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
/* Content Divider on White Background */
.fbcontentdivider
{
    margin-top: 15px;
    margin-bottom: 15px;
    width: 520px;
    height: 1px;
    background-color: #d8dfea;
}
/* Tab Style */
.fbtab
{
    padding: 8px;
    background-color: #d8dfea;
    color: #3b5998;
    font-weight: bold;
    float: left;
    margin-right: 4px;
    text-decoration: none;
}
.fbtab:hover
{
    background-color: #3b5998;
    color: #ffffff;
    cursor: hand;
}

/* login page */
.fbmain_table
{
    background-color:#3B5998;
    border: 1px solid #0099FF;
    color: #FFFFFF;
    padding: 5px 0px 5px 10px;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    text-align: left;
    vertical-align: top;
    
}

.fbmain_table a
{
    color: #FFFFFF;
    text-decoration: none;
    outline-style: none;
    padding: 5px;
}

.fbmain_table a:hover
{
    padding: 5px;
    text-decoration: underline;
}

/* member header */
.fbmember_header
{
    top: 0;
    border: 0px;
    text-decoration: none;
    outline-style: none;
    padding: 5px 5px 5px 5px;
    background: #3B5998;
    color: #FFFFFF;
    font-weight: bold;
    table-layout:auto;
}

.fbmember_header a
{
    color: #FFFFFF;
    text-decoration: none;
    outline-style: none;
    padding: 5px;
}

.fbmember_header a:hover
{
    background: #6D84B4;
    padding: 5px;
    text-decoration: none;
    font-weight: bold;
}

.fbmain_left
{
    border: 1px solid #e2c822;
}

.fbmain_left img
{
    border: none;
}

/* left menu */
.fbmain_listheader
{
    background-color: #d4dae8;
    border: 1px solid #0099FF;
    color: #000000;
    padding: 5px 0px 5px 10px;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    text-align: left;
    vertical-align: top;
}

.fbmain_list
{
    border-bottom: solid 1px #0099FF;
    border-bottom-color: #66CCFF;
}

.fbmain_list a
{
    color: #000000;
    text-decoration: none;
}

.fbmain_list a:hover
{
    text-decoration: none;
}

.fbmain_list td:hover
{
    background-color: #CCFFFF;
}

/* notification */
.fbmain_notheader
{
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
    color: #333333;
    padding: 5px 0px 5px 10px;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    text-align: left;
    vertical-align: top;
}

.fbmain_not
{
    border-bottom: solid 1px #0099FF;
    border-bottom-color: #66CCFF;
}

.fbmain_not a
{
    color: #000000;
    text-decoration: none;
}

.fbmain_not a:hover
{
    text-decoration: none;
}

.fbmain_not td:hover
{
    background-color: #CCFFFF;
}

/* favorite links */
.fbmain_favheader
{
    background-color: #fff9d7;
    border: 1px solid #0099FF;
    color: #000000;
    padding: 5px 0px 5px 10px;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    text-align: left;
    vertical-align: top;
}

.fbmain_fav
{
    border-bottom: solid 1px #0099FF;
    border-bottom-color: #66CCFF;
}

.fbmain_fav a
{
    color: #000000;
    text-decoration: none;
}

.fbmain_fav a:hover
{
    text-decoration: none;
}

.fbmain_fav td:hover
{
    background-color: #CCFFFF;
}


/* middle column or col2 */
.fbcol2_header
{
    border-bottom: 1px solid #CCCCCC;
    font-size: 13px;
    font-weight: bold;
    /*color: #999999;*/
    color:Red;
    padding: 5px 5px 5px 5px;
    display: block;
    margin: 0; 
}

.fbcol2_odd
{
    background-color: #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    padding: 0 0 5px 5px;
    vertical-align: top;
}

.fbcol2_odd img
{
    border: solid 0px #000000;
    padding-right: 5px;
}


.fbcol2_even
{
    background-color: #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    padding: 0 0 15px 5px;
    vertical-align: top;
}

.fbcol2_even img
{
    border: solid 0px #000000;
    padding-right: 5px;
}


/* right column or col3 */
.fbcol3_header
{
    border-bottom: 1px solid #CCCCCC;
    font-size: 13px;
    font-weight: bold;
    color: #999999;
    
}
/*  margin: 0;  
    display: block;
    padding: 5px 5px 5px 5px;
 */
.fbcol3_header a
{
    font-weight: normal;
    text-align: right;
    padding: 0 10px;
    text-decoration: none;
}

.fbcol3_header a:hover
{
    text-decoration: underline;
}

.fbcol3_odd
{
    background-color: #FFFFFF;
    border-bottom: solid 1px #e2c822;
    padding: 0 0 10px 0px;
}

.fbcol3_odd img
{
    border: solid 0px #000000;
    padding-right: 0px;
}


.fbcol3_even
{
    background-color: #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    padding: 0 0 10px 0px;
}

.fbcol3_even img
{
    border: solid 0px #000000;
    padding-right: 0px;
}

/* suggestions */

.fbright_suggestionheader
{
    width: 100%;
    font-weight: bold;
    text-align: left;
    padding: 5px 5px 5px 5px; /*border: solid 1px #000000;*/
    border-bottom: solid 1px #000000;
}

.fbright_suggestion
{
    background-color: #fff9d7;
    border-bottom: solid 1px #e2c822;
}

.fbright_suggestion img
{
    border: solid 0px #000000;
    padding-right: 5px;
}

/* requests */
.fbright_requestheader
{
    width: 100%;
    background-color: #FF9933;
    font-weight: bold;
    text-align: left;
    padding: 5px 5px 5px 5px;
    border: solid 1px #000000;
}

.fbright_request
{
    background-color: #f7f7f7;
    border-bottom: solid 1px #e2c822;
}

.fbright_request img
{
    border: solid 0px #000000;
    padding-right: 5px;
}

/* events */
.fbright_eventheader
{
    width: 100%;
    background-color: #FFFF66;
    font-weight: bold;
    text-align: left;
    padding: 5px 5px 5px 5px;
    border: solid 1px #000000;
}

.fbright_event
{
    background-color: #f7f7f7;
    border-bottom: solid 1px #e2c822;
}

.fbright_event img
{
    border: solid 0px #000000;
    padding-right: 5px;
}



.fbx-tiny
{
    font-size: 10px;
    color: #777;
}

/* Form */
.fbform_table
{
    width: 100%;
    border: none;
    background-color: #eceff6;
}

.fbform input, select
{
    padding: 3px;
    color: #333333;
    border: 1px solid #96A6C5;
    margin-top: 2px;
    width: 200px;
    font-size: 11px;
}

.fbform select
{
    width: auto;
    padding: 2px;
}

.fbform label
{
    font-size: 11px;
    display: block;
    text-align: right;
}

.fbformline
{
    padding: 3px;
}

.fbform_header
{
    border-bottom: solid 1px #000000; /*padding: 2px 0px 5px 5px;*/
    padding: 2px 0px 5px 0px;
    font-weight: bold;
    font-size: 13px;
    background-color: #cccccc;
}

.fbform_sap
{
    border-bottom: solid 1px #cccccc;
    vertical-align: middle;
    padding: 0px 0px 5px 0px;
    height: 5px;
}

.fbform_sapsmall
{
    border-bottom: solid 1px #cccccc;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    height: 0px;
}

.input-container
{
    padding: 1px;
}

.form_button
{
    padding: 2px 5px 2px 5px;
    font-size: 1em;
    cursor: pointer;
    background: #3b5998;
    color: #fff;
    border: 1px solid #0e1f5b;
    border-left-color: #D9DFEA;
    border-top-color: #D9DFEA;
}

#div-regForm, .registered
{
    border: 3px solid #eeeeee;
    padding: 15px;
    background: url(img/bg.jpg) repeat-x #cbd4e4;
    color: #203360;
    margin: 30px auto 40px auto;
    width: 400px;
}

.form-title, .form-sub-title
{
    font-size: 20px;
    font-family: "Lucida Grande" ,Tahoma,Verdana,Arial,sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.form-sub-title
{
    font-weight: normal;
    padding: 6px 0 15px 0;
}

/*table list */

.fblist_table
{
    width: 100%;
    border: 1px solid #0099FF;
    background-color: #eceff6;
    vertical-align: top;
    text-align: left;
}

.fblist_header
{
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    height: 5px;
}


/* font style */
.fbinstruction
{
    font-weight: bold;
    color: #0066CC;
}

/* menu gov links */
.menu
{
    background: #F7F7F7 none repeat scroll 0 0;
    border: 1px solid #BDC7D8;
    padding: 5px;
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    width: 330px;
}
.menu h3
{
    margin-bottom: 10px;
    padding: 5px 0 0 5px;
    font-size: 13px;
}
.menu ul
{
    color: #3B5998;
    padding: 0 10px 5px;
}
.menu li
{
    font-weight: bold;
    list-style-image: none;
    list-style-position: inside;
    list-style-type: square;
    padding: 0 0 5px;
}
.menu .descrip
{
    color: #444444;
    font-weight: normal;
    padding: 3px 0 0 15px;
}

/* marketplace */

.market_td
{
    height: 10px;
    width: 25%;
    text-align: left;
    vertical-align: top;
    border-right: solid 1px #cccccc;
}

.market_tdleft
{
    height: 10px;
    width: 25%;
    text-align: left;
    vertical-align: top;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
}

.market_td h3
{
    text-align: left;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    padding: 2px 0px 2px 0px;
}

.market_ul
{
    text-decoration: none;
    vertical-align: top;
    list-style-type: square;
    padding: 0px 0px 0px 15px;
    position: inherit;
}

.market_li
{
    vertical-align: top;
    text-indent: 2px;
    padding: 3px;
}


/* two column list */
.lists th
{
    text-align: left;
    padding: 5px 10px;
    background: #6d84b4;
}
.lists .spacer
{
    background: none;
    border: none;
    padding: 0px;
    margin: 0px;
    width: 10px;
}
.lists th h4
{
    float: left;
    color: white;
}
.lists th a
{
    float: right;
    font-weight: normal;
    color: #d9dfea;
}
.lists th a:hover
{
    color: white;
}
.lists td
{
    margin: 0px 10px;
    padding: 3px 0px 0px 3px;
    vertical-align: top;
    width: 306px;
}

.list_sap
{
    border-top: solid 1px #BBBBBB;
    border-bottom: solid 1px #BBBBBB;
}

.lists .list
{
    background: white none repeat scroll 0%;
    border-color: -moz-use-text-color #BBBBBB;
    border-style: none solid;
    border-width: medium 1px;
}
.lists .list .list_item
{
    border-top: 1px solid #E5E5E5;
    padding: 10px;
}
.lists .list .list_item.first
{
    border-top: none;
}
.lists .see_all
{
    background: white none repeat scroll 0%;
    border-color: -moz-use-text-color #BBBBBB rgb(187, 187, 187);
    border-style: none solid solid;
    border-width: medium 1px 1px;
    text-align: left;
}
.lists .see_all div
{
    border-top: 1px solid #E5E5E5;
    padding: 5px 10px;
}

.lists img
{
    padding: 2px 2px 2px 2px;
    vertical-align: top;
    table-layout: auto;
}

/*--------search --------------*/
input.search
{
    background: white url(img/magglass.png) no-repeat scroll 3px 4px;
    padding-left: 17px;
}
input, textarea, select
{
    border: 1px solid #BDC7D8;
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    padding: 3px;
}
input:focus, textarea:focus, select:focus
{
    border-color: #687FB0;
}
.field
{
    border: 1px solid #bdc7d8;
    padding: 2px;
}
.field:focus
{
    border-color: #687FB0;
}
textarea.field
{
    width: 98.5%;
    height: 100px;
}
.fbbutton
{
    padding: 1px 3px 1px 4px;
    font-size: 1em;
    cursor: pointer;
    background: #3b5998;
    color: #fff;
    border: 1px solid #0e1f5b;
    border-left-color: #D9DFEA;
    border-top-color: #D9DFEA;
}

.fbbuttonnext, fbbuttoncancel
{
    background: #ddd;
    color: #111;
    border: 1px solid #666;
    border-left-color: #ddd;
    border-top-color: #ddd;
}

/* UKM1 */

.picborder
{
    border: solid 1px #000000;
}

.labelMsg
{
    font-weight: bold;
    color: #0066CC;
}

.labelMsgRed
{
    font-weight: bold;
    color:Red;
}

.lblOpen
{
    font-size:large;
    color:Black;
}

.txtOpen
{
    font-size:14px;
    color:Black;
    font-weight:bold;
}

.lblSelect
{
    font-size:18px;
    color:Black;
    
}

.rbSelect
{
    font-size:14px;
    color:Black;
    
}