@charset "utf-8";
/* CSS Document */

* { border:0; margin:0; padding:0; font-size: 12px; font-family: Arial, Helvetica, sans-serif }

html { overflow: -moz-scrollbars-vertical !important; }
body {background: #F4F4F4; }

a {color: #657687; text-decoration: none; font-weight: bold;}
a:hover {color: #ECB922}
p { width: 480px; margin-bottom: 10px; }
p.smaller { font-size: 8px !important; }
p.indent { padding-left: 20px; }
ol {width: 380px;  font-size: 11px; margin: 10px 0 10px 30px ; list-style: decimal}
label { margin: 0 10px 0 3px; }

ol li {margin-bottom: 10px; margin-left: 30px;list-style: decimal}
ul li  {margin-bottom: 10px; margin-left: 30px; list-style: disc}
strong, h1, h2, h3 {color: #002B70}
h1 {font-size: 23px; margin-bottom: 10px; text-shadow: 3px 3px 5px #A1A4A8; }
h2 {font-size: 16px; padding-top: 20px; padding-bottom: 10px; }
h3 { font-size: 14px; padding-top: 15px; padding-bottom: 5px; }
div#wrapper { width: 989px; height: auto; margin: 0 auto; position: relative }
div#banner_nav {width: 989px; height: 140px; position: relative; z-index: 101}
div#banner_nav div#banner_cont {position: absolute; width: 989px; height: 190px; z-index: 102}
div#banner_nav div#log_in_box { position: absolute; width: 200px; height: 240px; z-index: 103; left: 790px; top: 140px; display: none}

/*/////
//////Content Elements
////*/

div#footer {float: left; width: 989px; height:68px;}

/*table formatting*/
td , th {text-align: center; padding: 8px 10px 8px 10px; font-size: 11px}
td a {font-size: 11px; font-weight: bold}
th , th a {font-size: 13px; vertical-align: bottom ; font-weight: bold}



/* tag specific ids*/

ul#letter li  {list-style: lower-alpha; }

/* base structure for content area */
div#content_wrapper { float: left; width: 989px;   background: #ffffff url(../images/tile.gif) repeat-y right; position: relative; z-index: 0; }
div#content {z-index: 1; position:absolute;width: 302px;  height: 403px; background: url(../images/side_bar.gif) no-repeat; right:0 }


/* text_content div for extended sections*/
div#text_content {float:left;  margin: 0 0 0 35px; display: inline; width: 700px; padding-top: 20px; padding-bottom: 20px; min-height: 400px; }

/* text_contentSmall div for reduced content areas*/
div#text_contentSmall {float:left; z-index: 99;  padding: 60px;  display: inline; width: 475px; padding-top: 45px; }

/* styles for the side bar and table of contents*/
div#side_bar {float:left; display: inline; width: 180px; margin: 45px 25px 0 20px; }

div#side_bar_img {width: 181px; height: 232px; }

div#toc {  width: 180px; padding: 15px 0 0 0; background:  #e2e2e2 url(../images/toc_top.jpg) no-repeat;}
div#toc ul {margin: 10px 0 0 10px; }
div#toc li {margin-bottom: 10px; margin-left: 30px;  margin-right: 15px; font-size: 11px}
div#toc h3 { padding: 0px 15px 5px 13px; border-bottom: 1px #cccccc solid; font-size: 13px }
div#toc p#bottom {background:  #e5e5e5 url(../images/toc_bottom.jpg) bottom  no-repeat ; display: block; width: 180px; height:25px ; margin:0}
div#toc div a {font-size: 11px; padding: 6px 15px 5px 26px; border-bottom: 1px #cccccc solid; display: block; color: #000000; background: url(../images/custom_bullet.gif) no-repeat }
div#toc div a:hover {background-color: #ECB922 ;color: #002B70 }
div#toc div#active a {background: url(../images/check_mark.gif) #002B70 no-repeat ; color: #ffffff;  display:block; padding-top: 9px}


/* specific styles for reduced content areas*/
div#text_contentSmall { }
div#text_contentSmall li {margin-top: 10px}
div#text_contentSmall  ol, div#text_contentSmall  ul {width: 420px}
div#text_contentSmall h1 {margin-left: -58px ; padding-left: 58px; height: 50px}
div#text_contentSmall h1.normal {height: auto}
div#text_contentSmall h1 span#subtitle {font-size: 16px; }
div#text_contentSmall div#Print { font-weight: bolder; width: 55px;color: #002b70; font-weight: bold; padding: 3px 0 0 0; background: url(../images/print.gif) no-repeat right center; height: 20px ; font-size: 14px; }

/*div styles for job search skills*/
div#job_search_skills div#text_contentSmall { background: url(../images/watermarks/job_search_watermark.jpg) bottom right no-repeat}
div#job_search_skills div#text_contentSmall h1{ background: url(../images/resource_icons/job_search.jpg) top left no-repeat}
div#job_search_skills div#side_bar_img  { background: url(../images/job_search_pic.jpg) top left no-repeat}

/*div styles for interviewing skills*/
div#interview_skills div#text_contentSmall { background: url(../images/watermarks/interview_watermark.jpg)  bottom right no-repeat}
div#interview_skills div#text_contentSmall h1 { background: url(../images/resource_icons/interview.jpg) top left no-repeat}
div#interview_skills div#side_bar_img  { background: url(../images/interview_pic.jpg) top left no-repeat}

/*div styles for networking skills*/
div#networking_skills  div#text_contentSmall { background: url(../images/watermarks/network_watermark.jpg) bottom right no-repeat}
div#networking_skills div#text_contentSmall h1{ background: url(../images/resource_icons/network.jpg) top left no-repeat}
div#networking_skills div#side_bar_img  { background: url(../images/networking_pic.jpg) top left no-repeat}

/*div styles for resume skills*/
div#resume_skills div#text_contentSmall { background: url(../images/watermarks/resume_watermark.jpg) bottom right no-repeat}
div#resume_skills div#text_contentSmall h1{ background: url(../images/resource_icons/resume.jpg) top left no-repeat}
div#resume_skills div#side_bar_img  { background: url(../images/resume_pic.jpg) top left no-repeat}

/*div styles for coping skills*/
div#coping_skills div#text_contentSmall { background: url(../images/watermarks/coping_watermark.jpg) bottom right no-repeat}
div#coping_skills div#text_contentSmall h1{ background: url(../images/resource_icons/coping.jpg) top left no-repeat}
div#coping_skills div#side_bar_img  { background: url(../images/coping_pic.jpg) top left no-repeat}

/*div styles for career transition services*/
div#transistion_services div#side_bar_img { background: url(../images/transition_services.jpg) bottom right no-repeat}
div#transistion_services  div#text_contentSmall h1{ background: url(../images/resource_icons/transistion.jpg) top left no-repeat}
div#transistion_services div#text_contentSmall { background: url(../images/watermarks/transistion.jpg) bottom right no-repeat}

/*div styles for connect to care*/
div#connect_to_care div#side_bar_img { background: url(../images/c2c_pic.jpg) bottom right no-repeat}
div#connect_to_care div#text_contentSmall h1 {width: 350px; height: 68px ; margin-bottom: -10px; background: #fff url(../images/UJA-Connect-to-Care.jpg) no-repeat;}
div#connect_to_care div#text_contentSmall { background: url(../images/watermarks/c2c.jpg) bottom right no-repeat}

div#partners div#text_content { height: 400px; background: url(../images/watermarks/partners.jpg) bottom right no-repeat}

/*div styles for coping skills*/
div#seminars div#side_bar { width: 240px; }
div#seminars div#text_contentSmall { width: 400px; margin-left: -50px; }
div#seminars div#text_contentSmall h1 { height: 30px;}


/* BEGIN: defined for dynamic pages */

.GridSmall { width: 650px; border: 0; }
.GridSmall td , th {text-align: center; padding: 8px 10px 8px 10px; font-size: 11px}
.GridSmall th {text-align: center; padding: 8px 10px 8px 10px; font-size: 13px}
.GridSmall td.first { text-align: left; }
.GridSmall .Row { background-color: #F8F8F8; }
.GridSmall .Row:hover { background-color: #ECB922 }
.GridSmall td a { font-size: 11px; font-weight: bold; }
.GridSmall td a:hover { color: #ffffff; }
.GridSmall td span { font-size: 11px; }
.GridSmall .RowAlt { background-color:#EEF0F9; }
.GridSmall .RowAlt:hover { background-color: #ECB922 }
.GridSmall .Header { background-color: #002C73; color: #ffffff; text-align: center; font-size: 13px }
.GridSmall .Header .top_right_corner {background: #002C73 url(../images/top_table_corner.jpg) top right no-repeat; }
.GridSmall .Header .first { text-align: left;}
.GridSmall .Header a {color: #FFFFFF; font-size: 13px;}
.GridSmall .Header a:hover {color: #ECB922}
.GridSmall tr.PageNum a:hover {background-color: blue}

.GridLarge { width: 650px; }
.GridLarge td , th {text-align: center; padding: 8px 10px 8px 10px; font-size: 10px}
.GridLarge td.first { text-align: left; }
.GridLarge .Row { background-color: #F8F8F8; }
.GridLarge .Row:hover { background-color: #ECB922 }
.GridLarge td a { font-size: 11px; font-weight: bold; }
.GridLarge td a:hover { color: #ffffff; }
.GridLarge td span { font-size: 11px; }
.GridLarge input { border: 0; font-size: 10px; }
.GridLarge .RowAlt { background-color:#EEF0F9; }
.GridLarge .RowAlt:hover { background-color: #ECB922 }
.GridLarge .Header { background-color: #002C73; color: #ffffff; text-align: center; font-size: 11px; }
.GridLarge .Header .top_right_corner {background: #002C73 url(../images/top_table_corner.jpg) top right no-repeat; }
.GridLarge .Header .first { text-align: left;}
.GridLarge .Header a {color: #FFFFFF; font-size: 11px;}
.GridLarge .Header a:hover {color: #ECB922}

.SeminarGrid { width: 750px; border: 0; }
.SeminarGrid td , th {text-align: left; padding: 4px 5px 4px 5px; font-size: 10px}
.SeminarGrid th {text-align: left; padding: 4px 5px 4px 5px; font-size: 10px}
.SeminarGrid td.first { text-align: left; }
.SeminarGrid .Row { background-color: #F8F8F8; }
.SeminarGrid .Row:hover { background-color: #ECB922 }
.SeminarGrid .RowAlt { background-color:#EEF0F9; }
.SeminarGrid .RowAlt:hover { background-color: #ECB922 }
.SeminarGrid .Header { background-color: #666666; color: #ffffff; text-align: center; font-size: 10px }
.SeminarGrid .Header .top_right_corner {background: #002C73 url(../images/top_table_corner.jpg) top right no-repeat; }
.SeminarGrid .Header .first { text-align: left;}
.SeminarGrid .Header a {color: #FFFFFF; font-size: 10px;}
.SeminarGrid .Header a:hover {color: #ECB922}
.SeminarGrid tr.PageNum a:hover {background-color: blue}

#SearchPage table { width: 665px; margin-left: -5px; margin-right: auto; font-family: Tahoma; }
#SearchPage table td { width: 50%; text-align: center; text-align: left; vertical-align: top; padding-top: 10px; padding-left: 5px; padding-right: 5px; }
#SearchPage table td .Label { width: 100%; text-align: left; font-size: 12px;}
#SearchPage table td input.Input { border: solid 1px #BFD7FF; padding: 2px; color: #325784; width: 95%; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
#SearchPage table td select.Input { border: solid 1px #607689; color: #325784; width: 100%; }

#SeminarAddPage table.Input { width: 100%; margin-left: auto; margin-right: auto; font-family: Tahoma; }
#SeminarAddPage table.Input td .Label { width: 100%; text-align: left; font-size: 12px;}
#SeminarAddPage table.Input input.Input { border: solid 1px #BFD7FF; padding: 3px; color: #325784; width: 270px; height=22px; text-align: left; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#SeminarAddPage table.Input td.Date { width: 300px; text-align: left; vertical-align: top; padding-left: 150px; height: 100%; }
#SeminarAddPage div.ajax__calendar_days table tr td{ padding: 0; width: auto;}

#SeminarScreen table { width: 100%; margin-left: auto; margin-right: auto; font-family: Tahoma; padding: 0px 0px 0px  0px;}
#SeminarScreen table tr { height: 0px; }
#SeminarScreen table td .EventName {text-align: left; text-transform: capitalize; font-size: 14px; font-weight: bold; color: #002B70; padding-top: 10px;} 
#SeminarScreen table td.Receipt { width: 100%; text-align: left; font-size: 18px;  padding: 20px 20px 20px 0px; color: #002B70; }
#SeminarScreen table td.ReceiptSub { width: 100%; text-align: left; font-size: 14px;  padding: 0px 35px 35px  15px ; }
#SeminarScreen table td.CheckBox { width: 5%; text-align: left; font-size: 12px; padding: 12px 0px 0px 0px; border:soliid 1px black;}
#SeminarScreen table td.Label { width: 75%; text-align: left; font-size: 12px; padding: 0px 0px 0px 10px;}
#SeminarScreen table td.LabelBold { width: 25%; text-align: left; font-size: 12px; padding-top: 10px; font-weight:bold; vertical-align:top;}
#SeminarScreen #text_contentSmall #Print input{ background-color:White; color: #002b70; font-weight: bold; height: 20px ;  cursor: hand;  font-size: 12px; }
#SeminarScreen table.SeminarTimeGrid  {width: auto; margin-left:-2px; margin-right: auto; margin-bottom:10px; font-family: Tahoma;  }
#SeminarScreen table td.SeminarTimeHeader {padding:0px 0px 0px 0px; text-align: left; font-size: 12px; font-weight:bold;}
#SeminarScreen table td.SeminarTimeData { padding:0px 0px 0px 0px; text-align: left; font-size: 12px;}


#SeminarLookup { width:75%; padding-top:25px; padding-left:25px;}
#SeminarLookup table { width: 100%; margin-left: auto; margin-right: auto; font-family: Tahoma; }
#SeminarLookup table td { width: 50%; text-align: left; vertical-align: top;  padding-left: 2px; padding-right: 2px; }
#SeminarLookup table td .Label { width: 50%; text-align: left; font-size: 12px;}
#SeminarLookup table td input.Input { border: solid 1px #BFD7FF; padding: 3px; color: #325784; width: 95%; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
#SeminarLookup table td select.Input { border: solid 1px #607689; color: #325784; width: 100%; }
#SeminarLookup div.ajax__calendar_days table tr td{ padding: 0; width: auto;}


div#RequiredText { font-size: 12px; color: #6D7682; padding-bottom: 2px; background: url(Gradient.axd?Orientation=Horizontal&Length=600&StartColor=1D477F&EndColor=FFFFFF) no-repeat left bottom; }
span.required { color: Red; }
div.SectionTitle { padding-left: 100px; text-align: left; font-size: 16px; font-weight: bold; color: #325784; padding-top: 20px; } 

table.Input { width: 100%; margin-left: auto; margin-right: auto; font-family: Tahoma; color: #657487; }
table.Input td { width: 250px; text-align: left; vertical-align: top; padding: 3px; height: 100%; }
table.Input td.left { padding-left: 150px; height: 100%; }
table.Input td.left div.twocolumns { width: 270px; }
table.Input td .HelperText { font-size: 10px; padding-top: 4px; }
table.Input td .Label { text-align: left; font-size: 12px; margin: 2px; }
table.Input td input.Input { border: solid 1px #BFD7FF; padding: 3px; color: #325784; width: 270px; text-align: left; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
Table.Input td input.File { border: solid 1px #BFD7FF; padding: 3px; color: #325784; width: 270px; width: expression((/msie/i.test(navigator.userAgent)) ? "278px" : "270px"); text-align: left; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
table.Input td select.Input { border: solid 1px #607689; color: #325784; width: 280px; padding: 2px; }

Table.Edit { width: 650px; margin-left: auto; margin-right: auto; font-family: Tahoma; color: #657487; }
Table.Edit td { width: auto; text-align: left; padding: 0px; height: 100%; display:table-cell; vertical-align:top; }
Table.Edit td div.Label { width: 100px; margin: 1px; text-align: right; vertical-align: middle; }
Table.Edit td div.Text { width: 150px; margin: 1px; text-align: left; vertical-align: middle; font-weight: bold; }
Table.Edit td div.Input { width: 150px; float: left; vertical-align: middle;}
Table.Edit td div.Validation { width: 150px; float: left; }
Table.Edit td input.Input { border: solid 1px #BFD7FF; padding: 3px; color: #325784; width: 100%; text-align: left; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
Table.Edit td select.Input { border: solid 1px #607689; color: #325784; width: 150px; }

div.InfoSection { width: 268px; padding: 15px 4px 15px 4px; border: solid 1px #657487; background-color: #EEF0F9; vertical-align: middle; text-align: center; margin-top: auto; margin-bottom: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div.InfoSection p { width: auto; }

#JobDetails table { width: 600px; margin-left: auto; margin-right: auto; font-size: 12px; color: #657487; }
#JobDetails table tr { height: 20px; }
#JobDetails table td { width: auto; text-align: left; padding: 0px; height: 100%; display:table-cell; vertical-align:top; }
#JobDetails table td.left { width: 100px; text-align: right; padding-right: 10px; height: 100%; display:table-cell; vertical-align:top; }
#JobDetails table td div.Label { width: 100px; margin: 1px; vertical-align: middle; font-weight: 900; float: right; }
#JobDetails table td div.Text { width: 100px; margin: 1px; vertical-align: middle; }
#JobDetails table ul { list-style: round; margin: 10px 0 10px 30px; }

#JobDetails div.InfoSection { width: 90%; }
#JobDetails table#Details { font-size: 13px; }

#Response div.InfoSection { width: auto; margin-top: 15px; margin-bottom: 15px; }

div#buttons { float: none; text-align: center; margin-left: auto; margin-right: auto; padding-top: 15px; } 
div#recaptcha { margin-left: 135px; margin-top: 20px; }

.Terms { overflow: auto; border: solid 1px #BFD7FF; height: 140px; width: 277px; font-family: Calibri; padding: 2px; -moz-border-top-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-radius: 10px; }

input.radio { border: 0; }
input.chkbox { border: 0; }
select { border: solid 1px #BFD7FF; color: #325784; }

.ValidationInline { font-size: 11px; font-family: Calibri; vertical-align: bottom; }

a.NewToParnLogin {font-size:14px; font-weight:bold;}


/* END: defined for dynamic pages */


/* tag specific ids*/
h2#subtitle {margin-top: -10px; font-size: 16px; margin-bottom: 10px; }
ul#letter li  {list-style: lower-alpha; }


/* BEGIN: Hao changes */

ul#bulletItems {width: 380px;  font-size: 11px; margin: 10px 0 10px 30px; list-style:disc;}
ul#bulletItems li {margin-bottom: 10px; margin-left: 25px; padding-left:5px;}
ul#bulletItemsBlock li {margin-bottom: 10px; margin-left: 25px;list-style: none; padding-left:35px;}

ul.squareItems {width: 380px; font-size: 11px; list-style:square; margin: 10px 0 10px 30px; }
ul.squareItems li {margin-bottom: 2px; margin-left: 25px; padding-left:5px; }


div#double_borders_outside{border:solid 1px black; padding:1px; width:inherit;}
div#double_borders_inside{border:solid 1px gray; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; width:inherit;}
td.double_line_container {padding: 0px; font-size: 11px; text-align:left;}
td.double_line_container_pad {padding: 5px 5px 5px 0px; font-size: 11px; text-align:left;}

div#transitionServicesImage { width: 181px; height: 232px; background:url(../images/transition_services_pic.jpg) }
div#connectToCareImage { width: 181px; height: 232px; background:url(../images/c2c_pic.jpg);background-repeat:no-repeat; }
div#interviewImage { width: 181px; height: 232px; background:url(../images/interview_pic.jpg) }
div#jobSearchImage { width: 181px; height: 232px; background:url(../images/job_search_pic.jpg) }
div#networkingImage { width: 181px; height: 232px; background:url(../images/networking_pic.jpg) }
div#resumeImage { width: 181px; height: 232px; background:url(../images/resume_pic.jpg) }
div#transferableSkillsImage { width: 515px; height: 204px; background:url(../images/TransferableSkills.jpg) }
div#UJAFederationLogo { width: 250px; height: 86px; background:url(../images/uja_federation.jpg) }
div#eventsImage { width: 181px; height: 232px; background:url(../images/seminars_pic.jpg) }
div#contactUsImage { width: 181px; height: 232px; background:url(../images/world_pic.jpg) }

/* END: Hao changes */