.body
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-SIZE: 12px;
    VISIBILITY: visible;
    MARGIN: 2px 2px 2px 150px;
    BORDER-LEFT: medium none;
    WIDTH: 800px;
    BORDER-BOTTOM: medium none;
    POSITION: relative;
    TOP: -45pt;
    BACKGROUND-COLOR: transparent;
}

A
{
    COLOR: #4458b5;
    TEXT-DECORATION: none;
    padding-left: 5px;
}

A:link
{
    COLOR: #0860A8;
    font-size:11px;
    font-family:verdana;
    padding-left: 5px;
    TEXT-DECORATION: none;
}

A:visited
{
    COLOR: #0860A8;
    font-size:11px;
    font-family:verdana;
    padding-left: 5px;
    TEXT-DECORATION: none;
}

A:hover
{
	color:#ff9000;
    TEXT-DECORATION: underline;
    font-size:11px;
    font-family:verdana;    
    padding-left: 5px;
    BACKGROUND-COLOR: transparent;
}

/*-----------------------------*/

TABLE TD .hl-main A 
{
    COLOR: #4458b5;
    font-size:11px;
    TEXT-DECORATION: none;
    font-weight:normal;
    padding-left: 0px;
    margin-top: 20px;
}



 TABLE TD .hl-main A:link 
{
    COLOR: #0860A8;
    font-size:11px;
    font-family:verdana;
    font-weight:normal;
    TEXT-DECORATION: none;
    padding-left: 0px;
    margin-top: 20px;
}

TABLE TD .hl-main A:visited
{
    color: #0860A8;
    font-size: 11px;
    font-weight: normal;
    font-family: verdana;
    text-decoration: none;
    padding-left: 0px;
    margin-top: 20px;
}

TABLE TD .hl-main A:hover 
{
	color:#ff9000;
    TEXT-DECORATION: underline;
    font-size:11px;
    font-family:verdana;
    font-weight:normal;    
    BACKGROUND-COLOR: transparent;
    padding-left: 0px;
    margin-top: 20px;
}

a.adminmenu,a.adminmenu:visited,a.adminmenu:active {
margin-left:4px;
height:23px;
width:120px;
border:1px #eeeeee solid;
font-family:arial,verdana;
margin-top:2px;
padding-top:4px;
padding-left:3px;
text-decoration:none;
color:#4458b5;
}

a.adminmenu:hover {
	background-color:#ffffff;
	border:1px #cccccc solid;
	color:#333333;
	text-decoration:none;
}

/* Hyper Link Navigation for the mani menu */

a.navtop:link {
color:#0860A8;
font-size:12px;
font-family:verdana;
text-decoration:none;
background-color: #FFFFFF;
}

a.navtop:visited {
color:#0860A8;
font-size:12px;
font-family:verdana;
text-decoration:none;
background-color: #FFFFFF;
}

a.navtop:hover
{
    font-size: 12px;
    font-family: verdana;
    color: #FF9000;
    text-decoration: underline;
    background-color: Transparent;
}

.page-title
{
    background-color: #FFFFFF;
    font-family: verdana, arial;
    font-size: 16px;
    color: #3B6C9D;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
    
}

.default-brown /* = Symantec Sub-titles */
{
    font-family: verdana, arial;
    font-size: 16px;    
    color: #CC6600;
    padding-left:6pt;
    padding-right: 20px;
    padding-top:20pt;
    padding-top:0pt;
 }

.default-red /* = RedHat Sub-titles */
{
    font-family: verdana, arial;
    font-size: 16px;    
    color: #CC0000;
    padding-left:6pt;
    padding-right: 20px;
    padding-top:20pt;
    padding-top:0pt;
 }


.big
{
    background-color: #FFFFFF;
    font-family: verdana, arial;
    font-size: 22px;
    color: #3B6C9D;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}


.h1_Black
{
    background-color: #FFFFFF;
    font-family: verdana, arial;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.h1_Olive
{
    background-color: #FFFFFF;
    font-family: verdana, arial;
    font-size: 16px;
    color: #33764D;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.h1_Red
{
    background-color: #FFFFFF;
    font-family: verdana, arial;
    font-size: 16px;
    color: #CC0000;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
}


.h1_Orange
{
    background-color: #FFFFFF;
    font-family: verdana, arial;
    font-size: 16px;
    color: #ff9933;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.h1_Brown
{
    background-color: #FFFFFF;
    font-family: verdana, arial;
    font-size: 16px;
    color: #CC6600;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.h1_Blue
{
    background-color: #FFFFFF;
    font-family: verdana, arial;
    font-size: 16px;
    color: Blue;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.h1_Green
{
    background-color: #FFFFFF;
    font-family: verdana, arial;
    font-size: 16px;
    color: #417879;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
}


.h1
{
    background-color: #FFFFFF;
    font-family: verdana, arial;
    font-size: 16px;
    color: #3B6C9D;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.h2-radio
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 15px;
}


.h2-bold /* = for sub titles */
{
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    color: #696969;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.h2-bold-black /* = for first page sub titles */
{
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    color: black;
    padding-left: 5px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.h2-bold-red /* = for sub titles */
{
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    color: #CC0000;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.h2-bold-olive /* = for sub titles */
{
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    color: #33764D;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.h2-bold-blue /* = for sub titles */
{
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    color: blue;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.h2-bold-orange /* = for sub titles */
{
    font-family: Verdana;
    font-size: 13px;
    font-weight : bold;
    color: #ff9933;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.h2-bold-brown /* = for sub titles */
{
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    color: #CC6600;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
}


.h2-HL
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.h2-table-olive /* = table titles */
{
    font-family: Verdana;
    font-size: 13px;
    /*font-weight: bold;*/
    color: #33764D;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
    text-align:left;
 }

.h2-comments
{
    font-family: Verdana;
    font-size: 11px;
    color: #696969;
    padding-left: 5px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 5px;
}

.h2-main
{
    font-family: Verdana;
    font-size: 11px;
    color: #696969;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.h2
{
    font-family: Verdana;
    font-size: 11px;
    color: #696969;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
}


.h3
{
    background-color: #FFFFFF;
    font-family: verdana, arial;
    font-size: 16px;
    color:  Blue;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.h4
{
    background-color: #FFFFFF;
    font-family: verdana;
    font-size: 24px;
    color: #0066ff;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.h5
{
    
    font-family: verdana;
    font-size: 22px;
    color: Blue;
 }


.table
{
    font-family: Verdana;
    font-size: 11px;
    color: #333333;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
   }
   
.login
{
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    padding-right: 20px;
}

.generaltext
{
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    padding-left: 10px;
}

ul.circle {
	list-style-type: circle
}

.complete
{
    font-family: Arial;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #B7B2B0;
    padding-left: 10px;
    font-weight: bold;
    border: 2px solid #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
}

.correct
{
    font-family: Arial;
    font-size: 11px;
    color: #33CC00;
    background-color: #F6F7F9;
    padding-left: 10px;
    font-weight: bold;
    border: 2px solid #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
}

.incorrect
{
    font-family: Arial;
    text-transform: uppercase;
    font-size: 11px;
    color: #DA1709;
    background-color: #F6F7F9;
    padding-left: 10px;
    font-weight: bold;
    border: 2px solid #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
}

BR
{
    FONT-FAMILY: Verdana, Arial, 'MS Sans Serif'
}
DIV
{
    FONT-FAMILY: Verdana, Arial, 'MS Sans Serif'
}
.btn
{
    FONT-SIZE: 11px;
    CURSOR: hand;
    COLOR: #333333;
    FONT-FAMILY: Arial, Verdana, 'MS Sans Serif';
    TEXT-DECORATION: none
}

.btn_admin
{
    BORDER-RIGHT: #4458b5 1px solid;
    BORDER-TOP: #4458b5 1px solid;
    FONT-WEIGHT: 600;
    FONT-SIZE: 11px;
    BORDER-LEFT: #4458b5 1px solid;
    CURSOR: hand;
    COLOR: #333333;
    BORDER-BOTTOM: #4458b5 1px solid;
    FONT-FAMILY: Verdana, Arial, 'MS Sans Serif';
    BACKGROUND-COLOR: #eeeeee;
}

.order-title {
	border-top:1px #cccccc solid;
	background-color:#e3e3e3;
	font-family:arial,verdana;
	padding:3px;
	text-transform:uppercase;

}
INPUT {FONT-SIZE: 11px; FONT-FAMILY: Verdana;}
.labelInput
{
    font-family : Verdana;
    font-size:8.5pt;
    padding-right:5px;
    text-align:right;
}

.star /* = for required fields */
{    
    color: #ff9933;
}


TEXTAREA { FONT-SIZE: 11px; FONT-FAMILY: Verdana; }
SELECT { FONT-SIZE: 11px; FONT-FAMILY: Verdana }
.menu { FONT-SIZE: 10pt}


.err { font-family: Verdana; font-size: 11px; color: Red ;  padding-left: 10px;}
.listtable {background-color:#eeeeee;border-top:#999999 1px solid;border-bottom:#cccccc 1px solid;}
.ListTableTitleCell {background-color:#cccccc;font-weight:bold;border-bottom:#999999 1px solid;}


TABLE TD .table-header
{
    background-color: #FFFFFF;
    font-family: verdana;
    font-weight: bold;
    font-size: 12px;
    color: #696969;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-collapse: collapse;
    border-top: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-right: gainsboro 1px solid;
    width: 300px;
}

TABLE TD .table-space /* to make a little bit space in the default page*/
{
   width: 40px;
}

TABLE TD .table-cell
{
    background-color: #FFFFFF;
    font-family: verdana;
    font-size: 11px;
    color: gray;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-right: gainsboro 1px solid;
    width: 300px;
}

TABLE TD .table-cell-r
{
    background-color: #F5F5F5;
    font-family: verdana;
    font-size: 11px;
    color: gray;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-right: gainsboro 1px solid;
    width: 300px;
}

/* ==== for small tables ========== */

TABLE TD .table-cell-short
{
    background-color: #FFFFFF;
    font-family: verdana;
    font-size: 11px;
    color: gray;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 200px;
}

TABLE TD .table-cell-r-short
{
    background-color: #F5F5F5;
    font-family: verdana;
    font-size: 11px;
    color: gray;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 200px;
}

TABLE .table-style
{
    border-collapse: collapse;
    width: 600px;
 }

TABLE TD .title-cell
{
    background-color: #FFFFFF;
    font-family: verdana;
    font-size: 11px;
    color: gray;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-right: gainsboro 1px solid;
    width: 300px;
}

TABLE TD .title-cell-r
{
    background-color: #F5F5F5;
    font-family: verdana;
    font-size: 11px;
    color: gray;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-right: gainsboro 1px solid;
    width: 300px;
}

/* ==== modules ========== */

.layout
{
    width: 600px;
    border-collapse: collapse;
}



/* ==== modules ========== */

.module
{
    width: 178px;
    border-collapse: collapse;
}

.moduleTop {
        background-image: url(/images/moduleTop.gif);
        background-repeat: no-repeat;
        background-position: bottom;
        width: 178px;
        height: 5px;
        line-height:1px;
        }

.moduleBottom {
        background-image: url(/images/moduleBottom.gif);
        background-repeat: no-repeat;
        background-position: top;
        width: 178px;
        height: 5px;
        line-height: 1px;        
}

.moduleContentArea 
{
        padding: 10px 10px 10px 10px;
        color: #666666;
        font-size: 11px;
        background-image: url(/images/moduleContentArea.gif);
        vertical-align: top;
            
}
.moduleContentAreaWhite
{
        padding: 10px 10px 10px 10px;
        color: #666666;
        font-size: 11px;
        vertical-align: top;
        background-image: url(/images/moduleContentAreaWhite.gif);
}

.hight-big {height:60px}
.hight-meduim {height:40px}
.hight-small {height:20px}

.menu-left-line
{
    border-left: gainsboro 1px solid;
    width: 100px;
    height: 18px;
    border-collapse: collapse;
}


.width-big {height:200px}


.moduleTitle {
        color: #000000;
        font-size: 11px;
        font-weight: bold;
        padding: 4px 10px 9px 10px;
        vertical-align: top;
        background-image: url(/images/moduleTitle.gif);
        font-family: verdana;
}

.moduleSubTitle {
        color: #000000;
        font-size: 10px;
        font-weight: bold;
        padding-bottom: 8px;
        font-family: verdana;
}

.moduleLine {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #A6A6A6;
	line-height: 1px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.moduleContentArea a         {color: #0860A8; font-size: 11px; text-decoration: none;}
.moduleContentArea a:visited {color: #0860A8; font-size: 11px; text-decoration: none;}
.moduleContentArea a:hover   {color: #0860A8; font-size: 11px; text-decoration: underline;}

/* ==== Lines ========== */

.solidLine {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-color: #A6A6A6;
        line-height: 1px;
}

.dottedLine {
        background-image: url(/images/drop_linerule.gif);
        background-repeat: repeat-x;
        background-position: top;
        padding: 0px;
        line-height: 1px;
}

.line {
        background-image: url(/images/line.gif);
        background-repeat: no-repeat;
        width: 580px;
        height: 10px;
        padding: 0px 10px 0px 10px;    
       }
       
.LeftUnderLine {
        background-image: url(/images/line.gif);
        background-repeat: no-repeat;
        width: 320px;
        height: 10px;
        padding-top:0px;
        padding-bottom:10px;
        padding-left:8px;
        padding-right:5px;
                
     }

.RightUnderLine {
        background-image: url(/images/line.gif);
        background-repeat: no-repeat;
        width: 240px;
        height: 10px;
        padding-top:0px;
        padding-bottom:10px;
        padding-left:8px;
        padding-right:5px;
       
         }


.very-top {background-image: url(/images/very_top.gif)}

TABLE TD .verytop 
{
    position:relative; 
    background-image:url(/images/very_top.gif); 
    background-position:left; 
    height:20px; 
    padding-top:0px;
}

TABLE .master
{
    WIDTH: 800px;
}