/****************************   Ruling Colors ***************************/
/** Used in complex modules and modules that have 'light' text on 'dark' background**/
.box1Background					{background-color:#dddddd; color:#00a2dc;}
.box1Color						{color:#00a2dc;}
.box1Color:HOVER				{color:#fa7800;}

.box1Background_LightVersion	{background-color:#e9eef5; color:#fa7800;}
.box1Color_LightVersion			{color:#ffffff;}


/** Used in titles and captions**/
.titlesColor					{color:#02007e;}
.titlesColor:hover				{color:#fa7800; text-decoration:none;}
.pageTitleColor					{color:#2d4e88;}
.pageTitleColor:hover			{color:#02007e; text-decoration:none;}
.messageTitle						{color:#02007e;}


/****************************   Main Elements ***************************/
BODY			{ direction:rtl; font:normal 80% Arial, Helvetica, sans-serif; color:#000000; padding:0px; margin:0px; background:#fff}
BODY *				{-moz-box-sizing:border-box;}

TABLE			{}
TD				{font-size:80%;}
HR				{border:0px; border-top:1px solid #003685; height:1px; width:100%; background-color:transparent;}
FORM			{display:inline;}
INPUT			{font-size:12px; font-weight:normal; font-family:Arial;}
INPUT.input		{border:1px solid #003685;}
TEXTAREA		{border:1px solid #003685;}
SELECT			{font-size:12px; font-weight:normal; font-family:Arial; border:1px solid #003685;}
A				{text-decoration:none; color:#1c19c2;}
A:hover			{text-decoration:underline; color:#a74882;}
INPUT.button	{ color:#FFFFFF; font:bold 11px Arial, Helvetica, sans-serif; background:#5186d8; height:18px; text-align:center; border-top:1px solid #d5e5fc; border-right:1px solid #003685; border-bottom:1px solid #003685; border-left:1px solid #d5e5fc}
UL					{list-style:circle url('../bullet_1.gif');}
UL 	UL			{list-style:disc url('../bullet_2.gif');}
LI					{}
.red			{color:red;}



#homeBody			{}

#pageOuterTable		{ width:100%}
#firstPageOuterTd	{ width:30%; background:transparent url('../page_right_bg.gif') left top repeat-y}
#lastPageOuterTd	{ width:30%; background:transparent url('../page_left_bg.gif') right top repeat-y}
#centerPageOuterTd	{ width:778px; border-right:1px solid #7d7d7d; border-left:1px solid #7d7d7d}

#pageInnerTable		{ width:776px; border-right:1px solid #ffffff; border-left:1px solid #fff}

#logoLineTd			{height:137px; background:url('../stripHeader.gif') repeat-x top;}
#logoLineTd A		{}
#logoLineTd	IMG		{}

#topMenuLineTd		{ border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; background:#fe8d14 url('../top_menu_but_bg.gif') left bottom repeat-x}
#topMenuLineTable	{ width:100%}
#topMenuTd			{}
#searchTd			{ border-left:1px solid #ffffff; padding:0px 10px; width:140px}

#contentLineTd		{vertical-align:top;}
#sysBody #contentLineTd	{background-color:#ffffff; vertical-align:top; padding:0 10px;}
#contentLineTable	{ width:100%}
#firstContentColTd	{ vertical-align:top; width:145px; padding:0px 10px 0px 0px}
#centerContentColTd	{ vertical-align:top; padding:0px 10px}
#contentDiv			{ width:599px; background:#ffffff url('../content_bottom_bg.gif') left bottom no-repeat; margin:10px 0px 10px}
#contentInnerDiv	{ width:599px; background:transparent url('../content_top_bg.gif') left top no-repeat; padding:0px 10px 10px; min-height:400px; height:expression('400px')}

#sysBody #contentDiv		{ width:754px; background:#ffffff url('../content_sys_bottom_bg.gif') left bottom no-repeat}
#sysBody #contentInnerDiv	{ width:754px; background:transparent url('../content_sys_top_bg.gif') left top no-repeat} 

#lastContentColTd	{ vertical-align:top; width:145px; padding:0px 0px 0px 10px}

#footerLineTd		{ border-top:2px solid #e3f3f9; padding:5px 0px}
#footerLineTable	{ width:100%}
#bottomMenuTd		{}

#copyrightTd		{ width:330px}
#waFederationA		{ display:block; width:84px; height:27px; float:left; margin-right:10px}
#waFederationA IMG	{ display:block; width:84px; height:27px; border:none}
#copyrightFirstLine	{ color:#00477d; font:bold 12px Arial, Helvetica, sans-serif}
#copyrightSecondLine		{ color:#000000; font:normal 10px Arial, Helvetica, sans-serif}

#daronetTd			{ padding-right:5px}

/******  Calendar  *****/
#calendarDiv		{ width:145px; padding:28px 0px 0px; background:transparent url('../calendar_heading_bg.gif') left top no-repeat; margin:10px 0px}
#calendarInnerDiv	{ width:145px; background:transparent url('../calendar_body_bg.gif') left bottom no-repeat; padding:0px 5px 1px}
#calendarFrameContainerDiv		{ position:relative; left:0px; top:0px; width:135px; height:160px}
#calendarOutputDiv	{ display:none; position:absolute; left:0px; top:0px; background:#e6f1fc url('../bar_small_bg.gif') left top repeat-x; padding:5px; border:1px solid #00477d; width:100px; font-size:12px}
.closeDiv		{ cursor:pointer; background:transparent url('../button_close.gif') right top no-repeat; height:10px; border-bottom:1px solid #00477d; margin:-5px -5px 5px -5px; font-size:1px; line-height:0px}
#calendarOutputDiv A		{color:#4668c9;}
#calendarOutputDiv A:hover	{color:#b0538c;}

IFRAME.Calendar				{ width:135px; height:160px}

.blueButtonDiv				{ border-top:1px solid #00477d; border-bottom:1px solid #00477d; padding:1px 0px; margin:10px 0px}
.blueButtonDiv A			{ font-size:12px; font-weight:bold; display:block; padding:8px 10px; text-align:center}
.blueButtonDiv A:link, 
.blueButtonDiv A:visited	{ color:#ffffff; text-decoration:none; background:#00477d url('../top_menu_but_bg.gif') left bottom repeat-x}
.blueButtonDiv A:active, 
.blueButtonDiv A:focus, 
.blueButtonDiv A:hover		{ color:#2e4e8b; text-decoration:none; background:#78bbf5;}

#calendarDiv .blueButtonDiv		{ margin:5px 1px 10px}
#calendarDiv .blueButtonDiv A	{ padding:2px 10px; text-align:center}




/* Body */
TABLE.body			{margin-top:3px; width:100%; text-align:justify;}
TABLE.bodyItem		{}
TABLE.bodyList		{}

/** Bread Crumbs **/
TD.navigationTabContainer					{height:28px; vertical-align:top; color:#ffffff; font-size:11px}
TD.navigationTab							{font-weight:normal; color:#ffffff; font-size:11px}
A.navigationTab								{text-decoration:none; color:#fff}
A.navigationTab:hover						{text-decoration:none; color:#132c58}


/** Category Title & Description **/
DIV.categoryTitle		{font-weight:bold; font-size:110%; padding:5px 0px; color:#02007e}
TD.categoryTitle		{font-weight:bold; font-size:90%; padding:5px 0px; color:#02007e}
DIV.itemCategoryTitle	{}
H1.categoryTitle		{font-size:110%;}
TD.description			{font-size:80%; padding-bottom:15px;}

#homeBody .categoryTitle	{ display:none}

/** Copyright **/
TD.Copyright			{font-weight:bold; font-size:75%; color:005794;}
A.Copyright				{font-weight:bold; text-decoration:none; color:005794;}
A.Copyright:hover		{font-weight:bold; text-decoration:none; color:005794;}

/** Site Message **/
DIV.SiteMessageContainer	{border-bottom:solid 1px grey; text-align:center; padding:5px;}


/************************** Pop-up windows ******************************************/
BODY.Popup			{}

/** Talkbacks **/
INPUT.Response		{width:220px;}
TEXTAREA.Response	{width:220px; height:200px;}

/** Tell a Friend **/
INPUT.Friend		{width:220px;}
TEXTAREA.Friend		{width:220px; height:200px;}