html{
	font-size: 100%; /* IE hack */ 
}

body {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial;
	font-size: 9px;
}

.body {
	font-family: Arial;
	font-size: 12px;
	vertical-align: top;
	color: #63666A;
}

#body {
	padding-left: 5px;
	height: 100%;
	width: 100%;
	color: #63666A;
	font-size: 12px;
}

/** Change Adds for re-branding [Updated]: updated new styles all the links / visited links to dark grey. **/
#body a, #body a:visited {
	color: #E87722;	
	font-family: Arial;
	font-weight: Normal;
	font-size: 12px;
	text-decoration: underline;
}

/** Change Adds for re-branding [Updated]: updated new styles for heading labels. **/
#body b, #body strong {
	color: #E87722;	
	font-family: Arial;
	font-weight: Bold;
	font-size: 12px;
}

#header {
	background-color: #fff;
	color: #63666A;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}

#header a, #header a:visited {
	color: #E87722;
	font-weight: normal;
}

/** Change Adds for re-branding [Add]: added new styles for all data grid links for "ODD" row. 
    Note: Make it sure that your new style changes should apply only to data table grids.**/

#body .eXtremeTable .tableRegion .tableBody .odd a {
	color: #63666A;	
	font-family: Arial;
	font-weight: Bold;
	font-size: 11px;
	text-decoration: none;
}

/** Change Adds for re-branding [Add]: added new styles for all data grid links for "EVEN" row. 
    Note: Make it sure that your new style changes should apply only to data table grids.**/

#body .eXtremeTable .tableRegion .tableBody .even a {
	color: #63666A;	
	font-family:Arial;
	font-weight: Bold;
	font-size: 11px;
	text-decoration: none;
}


/** Change Adds for re-branding [Add]: added new styles for hyper links for highlighted row in data grid. 
    Note: Make it sure that your new style changes should apply only to data table grids.**/

#body .eXtremeTable .tableRegion .tableBody .highlight a {
	color: #63666A;	
	font-family: Arial;
	font-weight: Bold;
	font-size: 11px;
	text-decoration: none;
}


/* BRANDING - Changed BG color */
/** Change Adds for re-branding [Updated]: updated new styles for footer copy rights text. **/
#footer {
    background-color: #FFFFFF;
    border-top: 2px solid #B1B3B3;
    color: #63666A;
    font-family: Arial;
    font-size: 12px;
    height: 180px;
    margin-left: 2%;
    margin-right: 2%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    width: 96%;
}
/* defining the links color */
#footer a, #footer a:visited {
	text-decoration: none;
	font-size: 12px;
	color: #63666A;
}
#menu a {
	background-color: #B1B0D8;
	text-decoration: none;
	font-size: 12px;	
	color: #63666A;
	display: block;
	border: solid 1px #FFFFFF;
	padding: 2px;
	margin: 5px;
}

#menu a:hover {
	color: #63666A;
	background-color: #D6D0C3;
}

#selectedMenu a {
	background-color: #D6D0C3;
	text-decoration: none;
	font-size: 12px;	
	color: #63666A;
	display: block;
	border: 1px solid #B1B3B3;;
	padding: 2px;
}

#menu {
	background-color: #663398;
	height: 100%;
	width: 175px;
	color: #63666A;
}

/* BRANDING - Changes for cms text that appears in right side on Clarity */

#rightSidebar {
	background-color: White;
	padding-left: 5px;
	color: #63666A;
	font-family: Arial;
	font-size: 12px;
}

#rightSidebar table {
	margin-left: 0;
	margin-right: auto;
}

/* BRANDING - Change font color */
#rightSidebar a, #rightSidebar a:visited {
	color: #E87722;
}

/* BRANDING - Change font color */
#rightSidebar b {
	color: #E87722;
}

#rightSidebar label {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #63666A;
}

#rightSidebar .button {
	background-color: #E87722;
	border: 2px solid #B1B3B3;
	color: #FFFFFF;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	border: none;
	cursor: hand;
}

#rightSidebar input, password {
	border: 1px solid #B1B3B3;
	font-family: Arial;
	font-size: 11px;
}

#rightSideLogin a, #rightSideLogin a:visited {
	color: #63666A;
	font-family: Arial;
	font-size: 11px;
}

.lightBlue {
	background-color: #B6C2DA;
	color: #663398;
	font-family: Arial;
	font-size: 12px;
}

/* BRANDING - Change font color */
.darkViolet {
	background-color: #fff;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	height: 100%;
}

/* BRANDING - Change font color */
.darkViolet a {
	color: #FFFFFF;
}

/* BRANDING - Change font color */
.darkViolet b {
	color: #fff;
	font-weight: bold;
}

/* BRANDING - for text that appears in left side */
.darkViolet p {
	padding-left: 12px;
	padding-right: 6px;
}
/* BRANDING - making the left side links act more like the menus... */
.darkViolet a:hover {
    background-color: #fff;
}

.darkGray {
	background-color: #fff;
	color: #E87722;
	font-family: Arial;
	font-size: 11px;
	height: 100%;
}

/** Change Adds for re-branding [Updated]: updated new styles for "Change" hyper link. **/
.darkGray a {
	color: #E87722;
}

.darkGray b {
	color: #63666A;
	font-weight: bold;
}

/* BRANDING - for text that appears in left side */
.darkGray p {
	padding-left: 12px;
	padding-right: 6px;
}

/* BRANDING - making the left side links act more like the menus... */
.darkGray a:hover {
    background-color: #fff;
    color: #E87722;
}
/* BRANDING - ADDED to differinciate title from links */
.mGray {
	color: #63666A;
	font-family: Arial;
	font-size: 11px;
	height: 100%;
	padding: 1px;
}
/* BRANDING - ADDED to differinciate title from links */
.mGray a {
	color: #63666A;
	font-size: 11px;
	padding: 1px;
	text-decoration: none;
}
/* BRANDING - ADDED to differinciate title from links */
.mGray b {
	color: #a8a098;
	font-weight: bold;
}

/* BRANDING - ADDED to differinciate title from links */
.mGray p {
	padding-left: 12px;
	padding-right: 6px;
}

/* BRANDING - ADDED to differinciate title from links */
.mGray a:hover {
    background-color: #fff;
    font-size: 11px;
    color: #888B8D;
    text-decoration: none;
}

.lightGray {
	background-color: #006227;
	font-family: Arial;
	font-size: 12px;
}

.grayTitleBar {
	background-color: #006227;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 14px;
	border-bottom: solid 1px White;
	border-left: solid 1px White;
	border-right:1px solid #B1B3B3;
	padding: 1px;
}

.lightGrayTitleBar {
	background-color: #006227;
	color: #01B8E0;
	font-family: serif;
	font-size: 11px;
	border-bottom: 1px solid #B1B3B3;
	border-right: 1px solid #B1B3B3;
	padding: 5px;
}

h2 {
	font-size: 16px;
}

/* BRANDING - CHANGED COLOR AND FONT SIZE  */
/** [Bug-Fix]: Bug #197 for Client application to change bread crumb styles in notification forms.**/
#breadcrumb {
	padding-left: 15px;
	color: #63666A;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
}

/* BRANDING - CHANGED COLOR AND FONT SIZE  */
#breadcrumb a {
	font-weight: normal;
	text-decoration: none;
	color: #63666A;
	font-size: 11px;
}

/* BRANDING - CHANGED COLOR AND FONT SIZE  */
#breadcrumb a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #63666A;
	font-size: 11px;
}
/* BRANDING - CHANGED COLOR AND FONT SIZE  */
#breadcrumb a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #63666A;
	font-size: 11px;
}

#timeoutRemainder .button {
	background-color: #63666A;
	color: #FFFFFF;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	border: none;
	cursor: hand;
	margin-top: 5px;
	vertical-align: middle;
}

/* BRANDING - REMOVED ITALICS_CHANGED COLOR_INCREASED BOTTOM PADDING    */
.altMenuHeader{
	font-weight: bold;
	font-size: 11px;	
	color: #63666A;
	padding-top: 5px;
	padding-bottom: 10px;
}

/* BRANDING - REMOVED ITALICS_CHANGED COLOR   */
.altMenu {	
	color: #63666A;	
	padding-top: 0px;
	padding-bottom: 6px;	
}
/* BRANDING - REMOVED ITALICS_CHANGED COLOR    */

.altMenu a {
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: Normal;
	color: #63666A;
}

/* BRANDING - ADDED HOVER OVER COLOR   */
/** Change Adds for re-branding [Updated]: updated new styles for alternate menu items during hoverring. **/
.altMenu a:hover {
	color: #888B8D;
	font-family:Arial;
	font-weight: Normal;
	font-size:11px;
}

.titleTab {
	position: absolute;
	top: 70px;
	left: 37px;
}

.loginTitleText {	
	font-family: Arial;
	font-size: 12px;
	vertical-align: center;
	font-weight: bold;
	text-align: left;
	color: #63666A;
}	

.breadcrumLinkText {
	color:#5D9732; 
	font-family: Arial; 
	font-size:11px; 
	text-decoration:none;
	font-weight: normal;
}		

.normal11PxLinks{
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: #63666A;
	text-decoration: underline;
}

.tightTableFullWidth {
	border: 0 none;
	border-spacing: 0;
	height: 142px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.headerTopRow {
	height: 92px;
	padding: 0;
}

.headerTopCenter {
	background: url(../images/URNLogo.png) no-repeat scroll 20px 20px transparent;
	padding: 0;
	height: 92px;
}

.headerTopRight {
	background: url(../images/slogan.gif) no-repeat scroll left 23px transparent;
	width: 270px;
	padding: 0;
	height: 92px;
}

.headerBottomRow {
	height: 50px;
	font-face: Arial;
	font-weight: bold;
	text-indent:185px;
	padding: 0;
}

.headerHorizontalDivider {
	background: url(../images/gray_bar.gif) repeat-x scroll center center transparent; 
	color: #63666A;
	font-size: 21px;
	height: 50px;
}

.username {
	color: #63666A;
	font-face: Arial;
	text-align: left;
	font-size: 11px;
	width: 270px;
}

#mainLoginForm p{
	text-align: left;
	color: #63666A;
}

#mainLoginForm table {
	margin-left: 0;
	margin-right: auto;
}

#mainLoginForm ul {
	text-align: center;
}

#mainLoginForm a, #mainLoginForm a:visited {
	text-decoration: underline;
	font-size: 12px;
	color: #63666A;
}

#greySeparator {
    background-color: #B1B3B3;
    height: 2px;
    margin: auto;
    overflow: hidden;
    width: 100%;
}

#boldMandatory {
	font-size: 12px;
	color: #63666A;
	font-family: Arial;
	font-weight: bold;
}