﻿/********************************************************************************************************************

Master Page Styles

********************************************************************************************************************/
body { margin:0px; padding:0px; font-family:MS PGothic, Osaka, @MS Gothic, Sans-Serif;}
img { border: none; }
table {border: none; padding:0px; margin:0px;}
a { color:Gray; font-size:10pt; }
a:link { color:Gray; }
a:hover { color:Gray; }
a:visited { color:Gray;  }
a:active { color:Red; }

/*  FORMS  */
#pnlForm p {padding: 2px 0px 2px 0px; margin: 2px 0px 2px 0px;}
.label {width:170px; font-weight:bold; padding: 3px 0px 3px 0px; vertical-align:top; float:left; position:relative;}


/*  homeHEADER  */ 
#header {height:160px; background-color:#58C8F4;}
#header #logo {width:220px; float:left; background-color:#ffffff; padding-left:6px;}
#header #banner {width: 550px; float:left; }
#header #filler {width:100px; float:left;}

/*  otherHEADER  */ 
#headerpages {height:121px;}
#headerpages #logo {width:220px; float:left; background-color:#ffffff; padding-right:8px; font-family:MS PGothic, MS Gothic, Osaka; }
#headerpages #banner {width: 553px; float:left; } /*vertical-align:bottom;*/
#headerpages #filler {width:100px; float:left;}

/*  NAVIGATION  */
#mainNavigation{ height:45px; padding: 0px 1px 0px 1px; vertical-align:middle; text-align:center; font-family:MS PGothic, MS Gothic, Osaka;}

#mainNavigation #nav_home_en{ height:45px; width:106px; background-image:url(../images/navigation/en_off.gif);}
#mainNavigation #nav_home_en:hover{height:45px; width:106px; background-image:url(../images/navigation/en_on.gif);}
#mainNavigation #nav_home_ja{ height:45px; width:109px; background-image:url(../images/navigation/ja_home_off.gif);}
#mainNavigation #nav_home_ja:hover{height:45px; width:109px; background-image:url(../images/navigation/ja_home_on.gif);}

html>body #mainNavigation #nav_home_en{position:absolute; top:2px; display:inline-block;  height:45px; width:106px; background-image:url(../images/navigation/en_off.gif);}
html>body #mainNavigation #nav_home_en:hover{height:45px; width:106px; background-image:url(../images/navigation/en_on.gif);}
html>body #mainNavigation #nav_home_ja{display:block; height:45px; width:109px; background-image:url(../images/navigation/ja_home_off.gif);}
html>body #mainNavigation #nav_home_ja:hover{height:45px; width:109px; background-image:url(../images/navigation/ja_home_on.gif);}

#mainNavigation a:Link, #mainNavigation a:Visited{ color:#FFFFFF; text-decoration:none; font-size:12px;}
#mainNavigation a:Hover, #mainNavigation a:Active{ color:#FFF32A; text-decoration:none; font-size:12px;}
.bigBtn{ background-image:url(../images/navigation/PAS_Language.gif); width: 220px;}
.smallBtn{background-image:url(../images/navigation/navigation_btn.gif); width:90px;}

/*													LEFT NAVIGATION DEFINITION												*/
div#leftNav{height:auto; width:190px; padding:0px; margin:0px; position:absolute; left:1px; text-align:left;}
div.leftNavContent{color:#333333; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; position:relative;}

div#leftNav #leftNavContentContainer{height:auto; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px; position:relative;}
div#leftNav #leftNavContentContainer ul{padding: 35px 0px 0px 0px;}
div#leftNav #leftNavContentContainer li{padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; }
div#leftNav #leftNavContentContainer li a{display:inline-block;text-decoration:none; font-family:Arial; font-weight:bold; font-size:14pt; line-height:14pt;}

#candidates div#leftNav #leftNavContentContainer li{list-style-image:url(../images/navigation/purpleBullet.gif);}
#candidates div#leftNav #leftNavContentContainer li a:link,
#candidates div#leftNav #leftNavContentContainer li a:visited{color:#666666; display:block; text-decoration:none;}
#candidates div#leftNav #leftNavContentContainer li a:active,
#candidates div#leftNav #leftNavContentContainer li a:hover{color:#9900CC; display:block; text-decoration:none;}

#employers div#leftNav #leftNavContentContainer li{list-style-image:url(../images/navigation/orngBullet.gif);}
#employers div#leftNav #leftNavContentContainer li a:link,
#employers div#leftNav #leftNavContentContainer li a:visited{color:#666666; display:block; text-decoration:none;}
#employers div#leftNav #leftNavContentContainer li a:active,
#employers div#leftNav #leftNavContentContainer li a:hover{color:#FF6633; display:block; text-decoration:none;}

/*													LEFT NAVIGATION DEFINITION		
/*  FULL BODY  */
#fullBody{ width:785px; margin:2px; position:absolute; font-family:MS PGothic, MS Gothic, Osaka;}

/*  MAIN BODY  */
#mainBody{ width:785px; margin :5px 0px 5px 2px; font-family:MS PGothic, MS Gothic, Osaka; font-size:12pt;}

/*  FOOTER  */
#footer {width:100%; border-top: solid 1px #00C0F3; color:#00C0F3; margin :0px 0px 5px 2px; position:relative; bottom:0px; font-size:12px; font-family:Verdana, MS Gothic, Arial;}

/********************************************************************************************************************

Content Page Styles

********************************************************************************************************************/

/*  SIDE CONTENT  */
#sideContent{ width:220px; position:absolute; left:2px; bottom:45px; padding:10px; font-family:Verdana, MS Gothic, Arial; font-size:13px; color:#888A8C;}

/*  MAIN CONTENT  */
#mainContent{ width:563px;  position:relative; left:222px;}
#mainContent #mainText{display:block; padding:15px; background-color:#ffffff; margin-right:3px; font-size:13px; font-family:MS PGothic, MS Gothic, Osaka;}

/*  MAIN LISTINGS */
#mainJobListings{ width:720px;  position:relative; left:20px; font-family:MS PGothic, MS Gothic, Osaka;}
.mainContent{display:block; padding:15px;  font-family: Arial, Helvetica, Sans-Serif; font-size:12pt;}
.jobTitle{font-size:14pt; font-weight:bold;}
.jobHeader{font-size:12pt; line-height:16pt; }
.attribHeader{font-size:11pt; font-weight:bold;  }

/*  HOME TOP CONTENT  */
#homeTop{display:block; padding:15px; background-color:#EDFFE4; margin-right:3px; font-size:13px; font-family:MS PGothic, MS Gothic, Osaka;}

/*  HOME BOTTOM CONTENT  */
#homeBottom{display:block; padding:15px; background-color:#FFFCDF; margin-right:3px; font-family:MS PGothic, MS Gothic, Osaka;}

/*  UNIVERSAL STYLES  */
.greenText{color:#50B848; font-size:20px; font-family:MS PGothic, MS Gothic, Osaka; font-weight:bold;}
.greenTextsmall{color:#045C1F; font-size:12px; font-family:MS PGothic, MS Gothic, Osaka;}
.greenTextmid{color:#50B848; font-size:15px; font-family:MS PGothic, MS Gothic, Osaka; font-weight:bold;}
.grayText{color:#333333; font-size:13px; font-family:MS PGothic, MS Gothic, Osaka;}
.blueText{color:#2083C0; font-family:MS PGothic, MS Gothic, Osaka;}
.redText{color:#ff0000; font-size:13px; font-family:MS PGothic, MS Gothic, Osaka;}
.kuroText{color:#000000; font-size:13px; font-family:MS PGothic, MS Gothic, Osaka;}
.bodyContent { color:#000000; font-size:11pt; font-family:Arial, Verdana, Helvetica; }

/*  Data Table  */
.dgHeader { font-size:10pt; font-weight:bold; background-color:#50B848; color:white; font-family:MS PGothic, MS Gothic, Osaka; }
.dgContentText { font-size:10pt; color:black; font-family:MS PGothic, MS Gothic, Osaka; }
.attribHeader { color:#000000; font-size:11pt; font-weight:bold; font-family:Arial, Verdana, Helvetica; }


