/* CSS Document */

html, body {
 background: #FFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
 color: #263644;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 text-align: left;
}

/* top header and navigation buttons*/
.navigation_head_frame {
 width: 770px;
 height: 27px;
 border-bottom: 1px solid #B7B7B7;
 font-size: small;
 margin-top:20px;
}

.navigation_top_frame {
 width: 770px;
 height: 52px;
 border-bottom: 4px solid #E12239;
 font-size: small;
}

.navigation_top_left {
 width: 194px;
 float: left;
}

.navigation_top_right {
 width: 576px;
 float: left;
}

.navitem_spacer {
 margin-left: 15px;
 float: left;
}

.navitem {
 height: 30px;
 margin-top: 22px;
 float: left;
}

.navitem_left_start {
 width: 10px;
 height: 30px;
 background-image: url(../images/ni_left_start.gif);
 background-repeat: no-repeat;
 float: left;
 margin-top: 22px;
 margin-left: 8px;
}

.navitem_left_start_hi {
 width: 10px;
 height: 30px;
 background-image: url(../images/ni_left_start_hi.gif);
 background-repeat: no-repeat;
 float: left;
 margin-top: 22px;
 margin-left: 8px;
}

.navitem_left_hi {
 width: 40px;
 height: 30px;
 background-image: url(../images/ni_left_hi.gif);
 background-repeat: no-repeat;
 float: left;
 margin-top: 22px;
}
.navitem_middle {
 height: 20px;
 background-image: url(../images/ni_middle.gif);
 background-repeat: repeat-x;
 float: left;
 padding: 10px 0px 0px 5px;
 margin-top: 22px;
}

.navitem_middle_hi {
 height: 20px;
 background-image: url(../images/ni_middle_hi.gif);
 background-repeat: repeat-x;
 float: left;
 padding: 10px 0px 0px 5px;
 margin-top: 22px;
}

.navitem_right {
 width: 40px;
 height: 30px;
 background-image: url(../images/ni_right.gif);
 background-repeat: no-repeat;
 float: left;
 margin-top: 22px;
}

.navitem_left {
 width: 40px;
 height: 30px;
 background-image: url(../images/ni_left.gif);
 background-repeat: no-repeat;
 float: left;
 margin-top: 22px;
}

.navitem_right_hi {
 width: 40px;
 height: 30px;
 background-image: url(../images/ni_right_hi.gif);
 background-repeat: no-repeat;
 float: left;
 margin-top: 22px;
}
.navitem_right_end {
 width: 40px;
 height: 30px;
 background-image: url(../images/ni_right_end.gif);
 background-repeat: no-repeat;
 float: left;
 margin-top: 22px;
}
.navitem_left_end {
 width: 40px;
 height: 30px;
 background-image: url(../images/ni_left_end.gif);
 background-repeat: no-repeat;
 float: left;
 margin-top: 22px;
}

.navitem_right_endBlue {
 width: 40px;
 height: 30px;
 background-image: url(../images/ni_right_endBlue.gif);
 background-repeat: no-repeat;
 float: left;
 margin-top: 22px;
}
.navitem_middleBlue {
 height: 20px;
 background-image: url(../images/ni_middleBlue.gif);
 background-repeat: repeat-x;
 float: left;
 padding: 5px 0px 0px 5px;
 margin-top: 22px;
}
.navitem_left_endBlue {
 width: 40px;
 height: 30px;
 background-image: url(../images/ni_left_endBlue.gif);
 background-repeat: no-repeat;
 float: left;
 margin-top: 22px;
}

.navitem_right_end_hi {
 width: 40px;
 height: 30px;
 background-image: url(../images/ni_right_end_hi.gif);
 background-repeat: no-repeat;
 float: left;
 margin-top: 22px;
}
/* end: navigation items*/

/* Header banner */
.header_frame {
 width:770px;
 height:85px;
 background-color: #E12239;
 color: #FFF;
 margin-top:1px;
 margin-bottom:1px
}

.header_right {
 height:85px;
 width:193px;
 float:left;
 padding-top:5px;
 text-align:center;
}

.header_left {
 height:85px;
 width:576px;
 float:left;
 border-right:solid 1px #ffffff;
}

.header_bottom 
{
 height:20px;
 width:758px;
 border-top: 4px solid #E12239;
 background-color: #D7E6F2;
 border-left: 1px dashed #A4BBD1;
 border-right: 1px dashed #A4BBD1;
 border-bottom: 1px dashed #A4BBD1;
 padding-top:4px;
 padding-left:10px;
 text-align:left;   
}
/*end header banner */

/*page content*/
.pageFrame
{
 width:768px;
 border: 1px dashed #A4BBD1;
 border-top: none;    
}
/*end of page content*/

/* bottom */
.bottom_Frame_blue {
 height:20px; 
 width:768px; 
 background-color: #D7E6F2; 
 border-left: 1px dashed #A4BBD1; 
 border-right: 1px dashed #A4BBD1;
}

.bottom_Frame_red {
 height:20px; 
 width:768px;
 border-top: none; 
 background-color: #E12239; 
 border: 1px dashed #A4BBD1;
 border-top: 1px dashed #FFFFFF;
}
/* end of bottom */

/** LINKS **/
a,
a:link,
a:visited,
a:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
 color: #E12239;
 text-decoration:none;
}
a:hover {
 color: #5C7386;
}

a.agrey,
a.agrey:link,
a.agrey:visited,
a.agrey:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
 color: #909090;
 text-decoration: none;
}
a.agrey:hover {
 text-decoration: underline;
}

a.awhite,
a.awhite:link,
a.awhite:visited,
a.awhite:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
 color: #FFF;
 text-decoration: none;
}
a.awhite:hover {
 text-decoration: underline;
}

a.awhiteSmall,
a.awhiteSmall:link,
a.awhiteSmall:visited,
a.awhiteSmall:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 font-weight: normal;
 color: #FFF;
 text-decoration: underline;
}
a.awhiteSmall:hover {
 text-decoration: underline;
 color: #D7E6F2;
}

a.anav,
a.anav:link,
a.anav:visited,
a.anav:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: bold;
 color: #7697B3;
 text-decoration: none;
}
a.anav:hover {
 color: #5C7386;
}

a.anav1,
a.anav1:link,
a.anav1:visited,
a.anav1:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
 color: #7697B3;
 text-decoration: none;
}
a.anav1:hover {
 color: #5C7386;
 text-decoration: underline;
}

a.anav3,
a.anav3:link,
a.anav3:visited,
a.anav3:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
 color: #263644;
 text-decoration: underline;
}
a.anav3:hover {
 color: #7697B3;
 text-decoration: underline;
}

a.anav4,
a.anav4:link,
a.anav4:visited,
a.anav4:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
 color: #ffffff;
 text-decoration: underline;
}
a.anav4:hover {
 color: #7697B3;
 text-decoration: underline;
}

a.anav5,
a.anav5:link,
a.anav5:visited,
a.anav5:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: bold;
 color: #7697B3;
 text-decoration: underline;
}
a.anav5:hover {
 color: #5C7386;
 text-decoration: underline;
}

a.anav6,
a.anav6:link,
a.anav6:visited,
a.anav6:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
 color: #7697B3;
 text-decoration: underline;
}
a.anav6:hover {
 color: #5C7386;
 text-decoration: underline;
}

a.anav7,
a.anav7:link,
a.anav7:visited,
a.anav7:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: bold;
 color: #ffffff;
 text-decoration: none;
}
a.anav7:hover {
 color: #5C7386;
}

a.anav8,
a.anav8:link,
a.anav8:visited,
a.anav8:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
 color: #ffffff;
 text-decoration: underline;
}
a.anav8:hover {
 color: #c3c3c3;
 text-decoration: underline;
}

a.anav9,
a.anav9:link,
a.anav9:visited,
a.anav9:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: bold;
 color: #E12239;
 text-decoration: none;
}
a.anav9:hover {
 color: #5C7386;
 text-decoration: none;
}

a.anav_hi,
a.anav_hi:link,
a.anav_hi:visited,
a.anav_hi:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: bold;
 color: #FFF;
 text-decoration: none;
}
a.anav_hi:hover {
 color: #FFF;
}

/** Buttons **/
a.rotateCW {
    background: transparent url(../images/rotCW.jpg) no-repeat;
    display: block;
    height: 50px;
    width: 50px;
    text-decoration: none;
}

a.rotateCW:active {
    background: transparent url(../images/rotCW_hi.jpg) no-repeat;
    outline: none;
}

a.rotateCCW {
    background: transparent url(../images/rotCCW.jpg) no-repeat;
    display: block;
    height: 50px;
    width: 50px;
    text-decoration: none;
}

a.rotateCCW:active {
    background: transparent url(../images/rotCCW_hi.jpg) no-repeat;
    outline: none;
}

a.flipH {
    background: transparent url(../images/flipH.jpg) no-repeat;
    display: block;
    height: 50px;
    width: 50px;
    text-decoration: none;
}

a.flipH:active {
    background: transparent url(../images/flipH_hi.jpg) no-repeat;
    outline: none;
}

a.flipV {
    background: transparent url(../images/flipV.jpg) no-repeat;
    display: block;
    height: 50px;
    width: 50px;
    text-decoration: none;
}

a.flipV:active {
    background: transparent url(../images/flipV_hi.jpg) no-repeat;
    outline: none;
}

a.draw {
    background: transparent url(../images/draw.jpg) no-repeat;
    display: block;
    height: 50px;
    width: 50px;
    text-decoration: none;
}

a.draw:active {
    background: transparent url(../images/draw_hi.jpg) no-repeat;
    outline: none;
}


a.accept {
    background: transparent url(../images/accept.jpg) no-repeat;
    display: block;
    height: 50px;
    width: 50px;
    text-decoration: none;
}

a.accept:active {
    background: transparent url(../images/accept_hi.jpg) no-repeat;
    outline: none;
}

a.goBack {
    background: transparent url(../images/goBack.jpg) no-repeat;
    display: block;
    height: 50px;
    width: 50px;
    text-decoration: none;
}

a.goBack:active {
    background: transparent url(../images/goBack_hi.jpg) no-repeat;
    outline: none;
}


/** FONTS **/
.bluebold {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #7697B3;
}
.blue {
 font-family: Arial, Helvetica, sans-serif;
 color: #7697B3; 
}

/* html */
table {
 border: none;
}
img {
 border : none;
}

/* table elements */
.displayRow {
border-bottom:1px solid #000000;
}

.displayCell {
text-align:right;
padding-right:10px;
}

.displayCellLeft {
text-align:left;
padding-right:1px;
padding-left:10px;
}

/* other classes*/
.dragclass{
position : relative;
cursor : move;
}
/* ---- */