#warning        {position:relative; top:10px; width:100%; height:40px; background-color:#fff; margin-top:0px; padding:4px; border:1px solid black;}
 mylabel{font-size:23px; color:Red;}

H4
{
    COLOR: #aa2808;
    FONT-SIZE: 13px;
}
#content H4
{
    FONT-SIZE: 13px;
     COLOR: #aa2808;
}

.display-field2  P
{
    MARGIN: 0em
}

.display-field2 UL 
{
	list-style-position:inside;
	padding-left: 2em;
	text-indent: -1em;
	
}

.display-field2 OL 
{
	list-style-position:inside;
	padding-left: 2em;
	text-indent: -1em;
}

.display-field UL
{
    list-style-type:disc;

}
.display-field OL LI
{
    MARGIN-BOTTOM: 0px
   
}
.display-field OL
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px
}
.display-field P
{
    MARGIN: 0em
}
.display-field textarea
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
     COLOR: #333333;
    FONT-SIZE: 13px
    }
.field-validation-error
{
}
.field-validation-valid
{
    DISPLAY: none
}
.error-container UL LI
{
    TEXT-ALIGN: center;
    BACKGROUND-COLOR: #de8f71;
    LIST-STYLE-TYPE: none
}
INPUT.input-validation-error
{
    BORDER-BOTTOM: #bf311a 1px solid;
    BORDER-LEFT: #bf311a 1px solid;
    BACKGROUND-COLOR: #de8f71;
    FONT-SIZE: 100%;
    BORDER-TOP: #bf311a 1px solid;
    BORDER-RIGHT: #bf311a 1px solid
}
TEXTAREA.input-validation-error
{
    BORDER-BOTTOM: #bf311a 1px solid;
    BORDER-LEFT: #bf311a 1px solid;
    BACKGROUND-COLOR: #de8f71;
    FONT-SIZE: 100%;
    BORDER-TOP: #bf311a 1px solid;
    BORDER-RIGHT: #bf311a 1px solid
}
SELECT.input-validation-error
{
    BORDER-BOTTOM: #bf311a 1px solid;
    BORDER-LEFT: #bf311a 1px solid;
    BACKGROUND-COLOR: #de8f71;
    FONT-SIZE: 100%;
    BORDER-TOP: #bf311a 1px solid;
    BORDER-RIGHT: #bf311a 1px solid
}
INPUT.error
{
    BORDER-BOTTOM: #bf311a 1px solid;
    BORDER-LEFT: #bf311a 1px solid;
    BACKGROUND-COLOR: #de8f71;
    FONT-SIZE: 100%;
    BORDER-TOP: #bf311a 1px solid;
    BORDER-RIGHT: #bf311a 1px solid
}
TEXTAREA.error
{
    BORDER-BOTTOM: #bf311a 1px solid;
    BORDER-LEFT: #bf311a 1px solid;
    BACKGROUND-COLOR: #de8f71;
    FONT-SIZE: 100%;
    BORDER-TOP: #bf311a 1px solid;
    BORDER-RIGHT: #bf311a 1px solid
}
.validation-summary-errors
{
    BORDER-BOTTOM: #bf311a 1px solid;
    TEXT-ALIGN: center;
    BORDER-LEFT: #bf311a 1px solid;
    BACKGROUND-COLOR: #de8f71;
    FONT-STYLE: italic;
    COLOR: black;
    FONT-SIZE: 13px;
    BORDER-TOP: #bf311a 1px solid;
    BORDER-RIGHT: #bf311a 1px solid
}
.validation-summary-errors UL
{
    DISPLAY: block;
    COLOR: white;
    FONT-SIZE: 11px
}
.validation-summary-valid
{
    DISPLAY: none
}
INPUT[type='password']
{
    WIDTH: 150px
}
.left-side
{
   
    FLOAT: left;
}
.left-side-edit
{
    POSITION: relative;
    MARGIN: 0px 2px;
    WIDTH: 300px;
    FLOAT: left
}
.right-side-edit
{
    POSITION: relative;
    WIDTH: 200px;
    FLOAT: left
}
.right-side
{
    FLOAT: right
}
.no-float
{
    CLEAR: both
}
INPUT[type='text']#startDate
{
    WIDTH: 67px
}
INPUT[type='text']#endDate
{
    WIDTH: 67px
}
.ui-datepicker-trigger
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: -3px;
    HEIGHT: 16px
}
.DatePickerImage
{
    VERTICAL-ALIGN: bottom
}
.grid
{
    BACKGROUND-COLOR: #dfe1e5;
    MARGIN: 0px;
    WIDTH: 628px;
    BORDER-COLLAPSE: collapse
}
.gridscroll
{
    BACKGROUND-COLOR: #dfe1e5;
    MARGIN: 0px;
    WIDTH: 611px;
    BORDER-COLLAPSE: collapse
  
}
.grid TD, .gridscroll TD
{
    BORDER-BOTTOM: #3a435c 0px solid;
    BORDER-LEFT: #3a435c 0px solid;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #3a435c 0px solid;
    BORDER-RIGHT: #3a435c 0px solid;
    PADDING-TOP: 5px
}
.footer
{
    BACKGROUND-COLOR: #757c8d;
    COLOR: #ffffff
}

.grid TH,  .gridscroll TH
{
    BORDER-BOTTOM: #3a435c 0px solid;
    BORDER-LEFT: #3a435c 0px solid;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #757c8d;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #3a435c 0px solid;
    BORDER-RIGHT: #3a435c 0px solid;
    PADDING-TOP: 2px
}
.grid TH A,  .gridscroll TH A
{
    COLOR: #ffffff
}
.alt ,  .gridscroll alt
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #000
}
INPUT[type='text'].xsmall-field
{
    WIDTH: 25px
}
INPUT[type='text'].small-field
{
    WIDTH: 50px
}
INPUT[type='text'].big-field
{
    WIDTH: 200px
}
INPUT[type='text'].mid-field
{
    WIDTH: 100px
}
INPUT[type='text'].mid-field-date
{
    WIDTH: 100px
}
INPUT[type='text'].xbig-field
{
    WIDTH: 300px
}
INPUT[type='text'].xxbig-field
{
    WIDTH: 565px
}
SPAN.required
{
    COLOR: #aa2808;
    FONT-WEIGHT: normal
}
#commonMessage
{
    TEXT-ALIGN: left;
    COLOR: blue;
    FONT-WEIGHT: bold
}
.commonMessage
{
    TEXT-ALIGN: center;
    COLOR: blue;
    FONT-WEIGHT: bold
}
.ValidationSummary
{
    COLOR: #ffffff
}
field-validation-valid
{
    FONT-STYLE: italic
}
.webgrid A:hover
{
    COLOR: #aa2808;
    TEXT-DECORATION: none
}

.webgrid-none
{
    background-color:#d4c792;
    }
.footer-none{background-color:#d4c792;}
.alt-none{background-color:#d4c792;}
.webgrid
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BACKGROUND-COLOR: white;
    WIDTH: 600px;
    BORDER-COLLAPSE: collapse;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px
}
.webgridscroll
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BACKGROUND-COLOR: white;
    WIDTH: 600px;
    BORDER-COLLAPSE: collapse;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px
}
.webgrid TR TD
{
    TEXT-ALIGN: center;
    LINE-HEIGHT: 16px;
    WHITE-SPACE: nowrap;
    OVERFLOW: hidden
}
.webgrid-title
{
    COLOR: #aa2808;
    FONT-WEIGHT: bold
}
.webgrid TH
{
    COLOR: white
}
.webgrid TH A
{
    COLOR: white
}
.webgrid TH
{
    TEXT-ALIGN: center;
    BACKGROUND-COLOR: #747b8c;
    HEIGHT: 20px;
    COLOR: white
}
.webgrid-header-scrollgrid
{
    position:absolute;
    top:214px;
    left:29px;
    TEXT-ALIGN: left;
    HEIGHT: 20px;
    COLOR: white
}
.webgrid-header
{
    TEXT-ALIGN: left;
    HEIGHT: 20px;
    COLOR: white
}
.webgrid-header-center
{
    TEXT-ALIGN: center;
    HEIGHT: 20px;
    COLOR: white
}
.webgrid-alternating-rows
{
    BACKGROUND-COLOR: #d8ddea
}
LEGEND
{
    COLOR: #aa2808
}
FIELDSET
{
    BORDER-BOTTOM: #aa2808 1px solid;
    BORDER-LEFT: #aa2808 1px solid;
    PADDING-BOTTOM: 1em;
    MARGIN: 0px 0px 1.5em;
    PADDING-LEFT: 1.4em;
    PADDING-RIGHT: 1.4em;
    BORDER-TOP: #aa2808 1px solid;
    BORDER-RIGHT: #aa2808 1px solid;
    PADDING-TOP: 0px
}
#logindisplay
{
    POSITION: absolute;
    WIDTH: 778px;
    COLOR: white;
    FONT-SIZE: 12px;
    TOP: 1px
}
#logindisplay A
{
    COLOR: white
}
*
{
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}
BODY
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND: url(images/img01.gif) #d4c792;
    COLOR: #333333;
    FONT-SIZE: 13px
}
H1
{
    COLOR: #aa2808
}
H2
{
    COLOR: #aa2808
}
H3
{
    COLOR: #aa2808
}

H5 LEGEND
{
    COLOR: #aa2808
}
H1
{
}
H2
{
    TEXT-ALIGN: center
}
H3
{
}
P
{
    LINE-HEIGHT: 1.6em;
    MARGIN-BOTTOM: 20px
}
BLOCKQUOTE
{
    LINE-HEIGHT: 1.6em;
    MARGIN-BOTTOM: 20px
}
UL
{
    LINE-HEIGHT: 1.6em;
    MARGIN-BOTTOM: 20px;
    list-style-type: disc;
}
OL
{
    LINE-HEIGHT: 1.6em;
    MARGIN-BOTTOM: 20px
}
P
{
}
BLOCKQUOTE
{
}

OL
{
}
A
{
    COLOR: #323b51;
    TEXT-DECORATION: underline
}
A:hover
{
    COLOR: #aa2808;
    TEXT-DECORATION: none
}
#wrapper
{
   
}
#header
{
    PADDING-BOTTOM: 11px;
    MARGIN: 0px auto;
    WIDTH: 840px;
    BACKGROUND: url(images/img15_2Home.gif) no-repeat left bottom;
    HEIGHT: 81px
}
#logo
{
    POSITION: absolute;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 15px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 5px
}
#logo H1
{
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    FONT: italic 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    PADDING-TOP: 0px
}
#logo H1 #Depart
{
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 3px;
    PADDING-RIGHT: 0px;
    FONT: bold italic 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    COLOR: #de8f71;
    PADDING-TOP: 3px
}
#logo H1 #Program
{
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 0px;
    FONT: bold italic 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
    COLOR: #bf311a;
    PADDING-TOP: 0px
}
#logo H2
{
    PADDING-BOTTOM: 0px;
    TEXT-TRANSFORM: uppercase;
    MARGIN: -5px 0px 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    LETTER-SPACING: 2px;
    COLOR: #d4c792;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    PADDING-TOP: 0px
}
#logo A
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
#menu
{
    POSITION: absolute;
    
    WIDTH: 830px;
    TOP: 62px
}
#menu UL
{
    LINE-HEIGHT: normal;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    WIDTH: 840px;
    FLOAT: right
}
#menu LI
{
    DISPLAY: inline;
    FLOAT: right
}
/*#menu A
{
    TEXT-ALIGN: center;
    TEXT-TRANSFORM: uppercase;
    MARGIN: 0px;
    WIDTH: 122px;
    DISPLAY: block;
    BACKGROUND: url(images/img32.gif); 
    FLOAT: left;  -- commented out
    COLOR: #ffffff;
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: bottom;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}*/
/*#menu A:hover
{
    BACKGROUND-IMAGE: url(images/img333.gif); 
    COLOR: #aa2808
}*/
/*#menu .active A
{
    BACKGROUND-IMAGE: url(images/img333.gif); 
    COLOR: #aa2808
}*/
#sidebar
{  
  
    WIDTH: 120px;
    PADDING-RIGHT: 57px;

    FLOAT: right;
    
}

#page
{
    position:relative;
    MARGIN: 0px auto;
    WIDTH: 840px;
    BACKGROUND: url(images/img14_2Home.gif) #d4c792 repeat-y
}

#content
{
  
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0px 5px;
    MIN-HEIGHT: 590px;
    PADDING-LEFT: 15px;
    WIDTH: 631px;
    PADDING-RIGHT: 0px;
    FLOAT: left;
    PADDING-TOP: 0px
}
#content H1
{
    MARGIN-BOTTOM: 20px
}
#content H2
{
    MARGIN-BOTTOM: 20px
}
#content H3
{
    MARGIN-BOTTOM: 20px
}
#content H1 #content LEGEND
{
    COLOR: #aa2808;
    FONT-SIZE: 136%
}
#content H2
{
    FONT-SIZE: 15px
}
#content H3
{
    LINE-HEIGHT: normal;
    FONT-VARIANT: normal;
    FONT-STYLE: normal;
    FONT-SIZE: 92%;
    FONT-WEIGHT: normal
}





#content H5
{
    LINE-HEIGHT: normal;
    FONT-VARIANT: normal;
    FONT-STYLE: normal;
    FONT-SIZE: 65%;
    FONT-WEIGHT: normal
}

#content OL
{
    LIST-STYLE-POSITION: inside
}
#content .boxed
{
    WIDTH: 46%;
    PADDING-RIGHT: 2%;
    FLOAT: left
}
#content .boxed H2
{
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BACKGROUND: url(images/img5.jpg) repeat-x left bottom;
    PADDING-TOP: 5px
}
#welcome
{
}
#sample
{
}
#sample2
{
}

#sidebar UL
{
    vertical-align:top;
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: normal;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}
#sidebar LI
{
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    MARGIN-BOTTOM: 1px;
    PADDING-TOP: 5px
}
#sidebar LI UL
{ 
}
#sidebar LI LI
{
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    PADDING-BOTTOM: 4px;
    MARGIN: 0px;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
    PADDING-TOP: 4px
}
#sidebar H2
{
    BORDER-BOTTOM: #ffffff 1px dotted;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 10px;
  
    COLOR: #d4c792;
    FONT-SIZE: 100%;
    PADDING-TOP: 0px
}
#sidebar H3
{
    COLOR: #d4c792;
    FONT-SIZE: 77%
}
#sidebar P
{
  
    LINE-HEIGHT: normal;
    MARGIN: 0px;
    COLOR: #d4c792
}
#sidebar A
{
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    COLOR: #ffffff;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
    TEXT-DECORATION: none
}
#sidebar A:hover
{
    TEXT-DECORATION: underline
}
#submenu
{
}
#news
{
}
#news A
{
    FONT-SIZE: 85%
}
#footer
{
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto;
    PADDING-LEFT: 0px;
    WIDTH: 840px;
    PADDING-RIGHT: 0px;
    BACKGROUND: url(images/img16_2Home.gif) no-repeat;
    HEIGHT: 50px;
    COLOR: #ffffff;
    PADDING-TOP: 40px
}
#footer P
{
    TEXT-ALIGN: center;
    MARGIN: 0px;
    FONT-SIZE: 77%
}
#footer A
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
#footer A:hover
{
    TEXT-DECORATION: none
}

#menu #MyAbout a, #menu #MySystem a
{
    display: block;
	float: left;
	width: 175px;
	text-decoration:none;
	margin: 0px;
	background-image: url(images/img32Long.gif);
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	vertical-align:bottom;
	color: #FFFFFF;
  }

#menu #MyHome
{
   
	width:93px;
	text-decoration:none;
	margin: 0px;
	background-image: url(images/img16b.gif);
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	vertical-align:bottom;
	color: #FFFFFF;
  }

  #menu #MyHome a, #menu #MyHome a, #menu #MyHome
{
    display: block;
	
	width: 93px;
	text-decoration:none;
	margin: 0px;
	background-image: url(images/img16b.gif);
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	vertical-align:bottom;
	color: #FFFFFF;
  }
    #menu #MyHome :hover, #menu #MyHome  .active 
{
   
	width:93px;
	text-decoration:none;
	margin: 0px;
	background-image: url(images/img16w.gif);
	background-color:pink;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	vertical-align:bottom;
	 COLOR: #aa2808;
  }
#menu #News a, #menu #News a, #menu #News
{
    display: block;
	
	width: 122px;
	text-decoration:none;
	margin: 0px;
	background-image: url(images/img32.gif);
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	vertical-align:bottom;
	color: #FFFFFF;
  }
    #menu #News :hover, #menu #News  .active 
{
   
	width:122px;
	text-decoration:none;
	margin: 0px;
	background-image: url(images/img32w.gif);
	background-color:pink;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	vertical-align:bottom;
	 COLOR: #aa2808;
  }
#menu #CourseList a, #menu #CourseList a, #menu #CourseList
{
    display: block;
	
	width: 122px;
	text-decoration:none;
	margin: 0px;
	background-image: url(images/img32.gif);
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	vertical-align:bottom;
	color: #FFFFFF;
  }
    #menu #CourseList :hover, #menu #CourseList  .active 
{
   
	width:122px;
	text-decoration:none;
	margin: 0px;
	background-image: url(images/img32w.gif);
	background-color:pink;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	vertical-align:bottom;
	 COLOR: #aa2808;
  }
#menu #PeerCert a, #menu #PeerCert a, #menu #PeerCert
{
    display: block;
	
	width: 130px;
	text-decoration:none;
	margin: 0px;
	background-image: url(images/img33.gif);
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	vertical-align:bottom;
	color: #FFFFFF;
  }
    #menu #PeerCert :hover, #menu #PeerCert  .active 
{
   
	width:130px;
	text-decoration:none;
	margin: 0px;
	background-image: url(images/img33w.gif);
	background-color:pink;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	vertical-align:bottom;
	 COLOR: #aa2808;
  }

  #menu #MyCourse a, #menu #MyCourse a, #menu #MyCourse
{
    display: block;
	
	width: 93px;
	text-decoration:none;
	margin: 0px;
	background-image: url(images/img16b.gif);
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	vertical-align:bottom;
	color: #FFFFFF;
  }
    #menu #MyCourse :hover, #menu #MyCourse  .active 
{
   
	width:93px;
	text-decoration:none;
	margin: 0px;
	background-image: url(images/img16w.gif);
	background-color:pink;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	vertical-align:bottom;
	 COLOR: #aa2808;
  }



  #menu #MyAbout  a:hover,#menu #MyAbout .active a,#menu #MySystem  a:hover,#menu #MySystem .active a  
{
    width:175px;
    background-image: url(images/img333Long.gif);
    color: #AA2808;
  }

  /* modify button ui CSS */
.ui-button
{
    font-size: 13px;
    font-weight: bold;
}
.ui-button-text-only .ui-button-text
{
    padding: .1em .6em .2em;
}