/* hi.css - Contains global CSS styles across the website. */

/***************************************************************************
	Standard styles crufted over the years
/**************************************************************************/

html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
/*border:0;*/
outline:0;
font-weight:inherit;
font-style:inherit;
font-family:inherit;
}

h1,h2,h3,h4,h5,h6
{
/*border:0;*/
outline:0;
font-weight:inherit;
font-style:inherit;
font-family:inherit;
}

:focus
{
outline:0;
}

body
{ 
	background-color: #ffffff;
	color: #000000;
	height: 100%;
	line-height: normal;
	font-family: tahoma, sans-serif;
}

a
{
	color: #666666;
	text-decoration: underline;
}
a:visited
{
	color: #666666;
}
a:hover
{
	color: #333333;
}

a.mnav:link, a.mnav:visited, a.mnav:active     
{
	text-decoration: none;
	font-size: 10px;
	color: white 
}
a.mnav:hover      
{
	text-decoration: none;
	font-size: 10px;
	color: yellow 
}

a.l2:link,a.l2:visited
{
	text-decoration: underline;
	font-size: 13px;
	color: red 
}
a.l2:active,a.l2:hover      
{
	text-decoration: underline;
	font-size: 13px;
	color: rgb(200,0,0) 
}

font.yah		
{
	font-size: 11px;
	color: #ffffff; 
}
a.yah:link, a.yah:visited, a.yah:active     
{
	font-size: 11px;
	text-decoration: underline;
	color: #000000; 
}
a.yah:hover      
{
	font-size: 11px;
	text-decoration: underline;
	color: red; 
}

font.wee		
{
	font-size: 11px;
	color: #000000;
}

font.wee2		
{
	font-size: 11px;
	color: rgb(51,51,51);
}

.f1			
{
	font-size: 11px; 
}

.f2			
{
	font-size: 13px; 
}

.f3			
{
	font-size: 15px; 
}

.f4			
{
	font-size: 17px; 
}

a.wee:link, a.wee:visited, a.wee:active     
{
	font-size: 11px;
	text-decoration: underline;
	color: #000080;
}
a.wee:hover      
{
	font-size: 11px;
	text-decoration: underline;
	color: red;
}

a.nav:link,a.nav:visited,a.nav:active     
{
	font-size: 11px;
	text-decoration: none;
	color: #000080;
}
a.nav:hover      
{
	font-size: 11px;
	text-decoration: none;
	color: red;
}

font.topdate		
{
	font-size: 11px;
	color: #646464;
	font-weight: bold;
}

body.default  
{
	font-size: 13px;
	color: black;
}

.searchresulturl 
{
	font-size: 11px;
	color: #4040c0;
}

Select.seldept 
{
	padding-left: 4px;
	font-size: 11px;	
}

font.copy,span.copy,span.scopy
{
	font-size: 11px;
	color: #73735b;
}

a.copy:link, a.copy:visited, a.copy:active     
{
	font-size: 11px; 
	font-weight: bold;
	text-decoration: underline;
	color: #000080; 
}

a.copy:hover      
{
	font-size: 11px; 
	font-weight: bold;
	text-decoration: underline;
	color: rgb(192,0,0) 
}

font.lohi, a.lohi:link, a.lohi:visited, a.lohi:active
{
	text-decoration: none;
	font-size: 11px;
}

a.lohi:hover
{
	color: #cc0000;
}

font.hpcontact
{ 
	font-size: 10.5px;
	line-height: 14px;
	font-weight: normal;
}

font.hpcontactb
{ 
	font-size: 10.5px; 
	line-height: 14px; 
	font-weight: bold;
}

a.hpcontact:link, a.hpcontact:visited, a.hpcontact:active
{
	font-size: 11px; 
	color: rgb(0,0,0); 
	font-weight: normal;
}

a.hpcontact:hover
{
	text-decoration: underline; 
	font-size: 11px; 
	color: red; 
	font-weight: normal;
}

font.pagelink
{
  font-weight: bold;
  font-size: 13px;
  color: #000099;
  text-decoration: none
}

A.pagelink:link, A.pagelink:visited, A.pagelink:active
{
  font-weight: bold;
  font-size: 13px;
  color: #000099;
  text-decoration: none
}
A.pagelink:hover
{
  font-weight: bold;
  font-size: 13px;
  color: #cc0000;
  text-decoration: none
}

div.divFormSecurity
{   
	width:90%; 
	padding:4px; 
	background-color:#f8f8f8; 
	border: solid 1px #e0e0e0;  
	line-height:28px;
	text-align:center;
}

/***************************************************************************
	Menu looking UL for Edit Menu
/**************************************************************************/
#divEditMenu
{   
	border: #959595 1px solid;
	padding: 2px;
	background-color: #ffffff;
	text-decoration: none;
	position:absolute;
	display: none;
	z-index: 1000;
}

#divEditMenuOptions
{
	width: 130px;
	padding: 0 0 0 0;
	font-size: 12px;
	background-color: #ffffff;
	color: #000000;
	text-align: left;
}

#divEditMenuOptions ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
	
#divEditMenuOptions li 
{
	margin: 0;
	line-height: 15px;
}

#divEditMenuOptions li.WorkFlow
{
	padding: 5px 5px 5px 30px;
	background-image: url(../../img/icons/em_workflow.png);
	background-repeat: no-repeat;
	background-position: 2px 1px;
	background-color: #c0c0c0;
	color: #f00;
	font-weight: bold;
}

#divEditMenuOptions li.HtmlOrphan
{
	padding: 5px 5px 5px 30px;
	background-image: url(../../img/icons/em_issue.png);
	background-repeat: no-repeat;
	background-position: 2px 1px;
	background-color: #c0c0c0;
	color: #f00;
	font-weight: bold;
}

#divEditMenuOptions li a
{
	display: block;
	padding: 5px 5px 5px 30px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	color: #000;
	text-decoration: none;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 2px 1px;
}

#divEditMenuOptions li a.HtmlEditor
{
	background-image: url(../../img/icons/em_html.png);
}
#divEditMenuOptions li a.Layout
{
	background-image: url(../../img/icons/em_layout.png);
}
#divEditMenuOptions li a.Navbuilder
{
	background-image: url(../../img/icons/em_navbuilder.png);
}
#divEditMenuOptions li a.Issue
{
	background-image: url(../../img/icons/em_issue.png);
}
#divEditMenuOptions li a.Admin
{
	background-image: url(../../img/icons/em_admin.png);
}
#divEditMenuOptions li a.Workflow
{
	background-image: url(../../img/icons/em_workflow.png);
}
#divEditMenuOptions li a.StatusDone
{
	background-image: url(../../img/icons/em_approve.png);
}
#divEditMenuOptions li a.StatusNotDone
{
	background-image: url(../../img/icons/em_decline.png);
}
#divEditMenuOptions li a.SiteNotes
{
	background-image: url(../../img/icons/em_notes.png);
}
#divEditMenuOptions li a.Service
{
	background-image: url(../../img/icons/em_service.png);
}
#divEditMenuOptions li a.SourcePage
{
	background-image: url(../../img/icons/em_sourcepage.png);
}

#divEditMenuOptions li a:hover
{
	background-color: #f0f0f0;
	color: #000000;
}

html>body #divEditMenuOptions li a
{
	width: auto;
}
#divEditMenuOptions form
{
	display: none; 
	margin: 0;
}


/***************************************************************************
	Menu looking UL for Work Flow Menu
/**************************************************************************/
#divWorkFlowMenu
{
	border: #959595 1px solid;
  padding: 2px;
  background-color: #ffffff;
  text-decoration: none;
  position:absolute;
	display: none;
	z-index: 1000;
}

#divWorkFlowMenuOptions
{
	width: 130px;
	padding: 0 0 0 0;
	font-size: 12px;
	background-color: #ffffff;
	color: #000000;
	text-align: left;
}

#divWorkFlowMenuOptions ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
	
#divWorkFlowMenuOptions li 
{
	margin: 0;
}

#divWorkFlowMenuOptions li a
{
	display: block;
	padding: 5px 5px 5px 30px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	color: #000;
	text-decoration: none;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 2px 1px;
}

#divWorkFlowMenuOptions li a.Approve
{
	background-image: url(../../img/icons/em_approve.png);
}
#divWorkFlowMenuOptions li a.Decline
{
	background-image: url(../../img/icons/em_decline.png);
}
#divWorkFlowMenuOptions li a:hover
{
	background-color: #f0f0f0;
	color: #000000;
}
html>body #divWorkFlowMenuOptions li a
{
	width: auto;
}
#divWorkFlowMenuOptions form
{
	display: none; 
	margin: 0;
}

/***************************************************************************
	Menu looking UL for email
/**************************************************************************/
#divEmailMenu
{
	border: #959595 1px solid;
  padding: 2px;
  background-color: #ffffff;
  text-decoration: none;
  position:absolute;
	display: none;
	z-index: 1000;
}

#divEmailMenuOptions
{
	width: 130px;
	padding: 0 0 0 0;
	font-size: 12px;
	background-color: #ffffff;
	color: #000000;
	text-align: left;
}

#divEmailMenuOptions ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
	
#divEmailMenuOptions li 
{
	margin: 0;
}

#divEmailMenuOptions li a
{
	display: block;
	padding: 5px 5px 5px 30px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	color: #000;
	text-decoration: none;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

#divEmailMenuOptions li a.SendALink
{
	background-image: url(../../img/icons/email_tofriend.png);
}

#divEmailMenuOptions li a.ContactUs
{
	background-image: url(../../img/icons/email_contactus.png);
}

#divEmailMenuOptions li a:hover
{
	background-color: #f0f0f0;
	color: #000000;
}

html>body #divEmailMenuOptions li a
{
	width: auto;
}

#divEmailMenuOptions form
{
	display: none; 
	margin: 0;
}

#divFavButton
{
  float: right;
}

#divEmailButton
{
  float: right;
  position: relative;
}

#divPrintIcon
{
  float: right;
}

#divEditButton
{
  float: right;
}

/***************************************************************************
	Menu looking UL for Search
/**************************************************************************/
#divSearchMenu
{
	border: #cccccc 1px solid;
  padding: 2px;
  background-color: #ffffff;
  text-decoration: none;
  position:absolute;
	display: none;
	z-index: 4000;
}

#divSearchMenuOptions
{
	width: 400px;
	padding: 0 0 0 0;
	font-size: 12px;
	background-color: #ffffff;
	color: #000000;
	text-align: left;
}

#divSearchMenuOptions ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
	
#divSearchMenuOptions li 
{
	margin: 0;
}

#divSearchMenuOptions li a
{
	display: block;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	color: #000;
	text-decoration: none;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	white-space: nowrap;
}


#divSearchMenuOptions li a:hover
{
	background-color: #f0f0f0;
	color: #000000;
}

#divSearchMenuOptions li a:focus, #divSearchMenuOptions li a.focus
{
	background-color: #f0f0f0;
	color: #000000;
}

html>body #divSearchMenuOptions li a
{
	width: auto;
}

#divSearchMenuOptions form
{
	display: none; 
	margin: 0;
}

/***************************************************************************
	Search Results Page
/**************************************************************************/

/* SEARCH SUB HEADER */

#srchSubHeader td
{
	height: 24px;
	background-color: #eeeeee;
	vertical-align: middle;
	padding: 0px 5px;
}

#srchSubHeader font.srchSubHeader
{
	font-size: 15px; 
	font-weight: Bold; 
	color: #000000;
	line-height: 25px; 
}

#srchSubHeader font.srchSearchedFor
{
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	line-height: 21px; 
}


font.srchResultsLabel
{
	font-size: 13px;
	font-weight: normal;
	vertical-align: middle; 
	color: #000000;
	line-height: 19px; 
}
font.srchResultsInfo
{
	font-size: 13px;
	font-weight: normal;
	vertical-align: middle; 
	color: #000000;
	line-height: 19px; 
}

/* SEARCH RESULTS NONE */
#srcNoResults table
{
	width: 100%;
	border-bottom: solid 1px #7d7d7d;
	margin-bottom: 35px;
}

#srcNoResults font
{
	font-size: 13px;
	font-weight: normal;
	vertical-align: middle; 
	color: #000000;
	line-height: 19px; 
}

a.srchResultsAll:link,
a.srchResultsAll:visited, a.srchResultsAll:active
a.srchResultsAll
{
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle; 
	color: #000000;
	line-height: 19px; 
	text-decoration: none; 

}
a.srchResultsAll:hover
{  
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle; 
	color: #c00000;
	line-height: 19px; 
	text-decoration: none; 
}

a.srchDisplayLink:link,
a.srchDisplayLink:visited, a.srchDisplayLink:active
a.srchDisplayLink
{
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle; 
	color: #000000;
	line-height: 21px; 
	text-decoration: none; 

}
a.srchDisplayLink:hover
{  
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle; 
	color: #c00000;
	line-height: 21px; 
	text-decoration: none; 
}

.srchDisplaySub 
{ 
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle; 
	color: #000000;
	line-height: 17px; 
}
.srchDisplayURL
{ 
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle; 
	color: #808080;
	line-height: 17px; 
}

/*----------------------------------------*/

#srcResultsNumber table
{
	width:100%; 
	margin-bottom: 5px;
	border-bottom: solid 1px #7d7d7d;
}

/***************************************************************************
	General Layout
/**************************************************************************/

div.oAllScreen
{
	display:block;
	position:relative;
	top:0px;
	left:0px;
	height:100%;
}

td.PaddingFive
{
	width:5px;
	vertical-align: top;
}

td.PaddingTen
{
	width:10px;
	vertical-align: top;
}

td.Padding15
{
	width:20px;
	vertical-align: top;
}

td.Padding20
{
	width:20px;
	vertical-align: top;
}


td.LeftEdge
{
	width:5px;
	vertical-align:top;
	background-image:url(https://media.ocgov.com/img/hp/leftedge.gif);
	background-repeat:repeat-y;
}

td.RightEdge
{
	width:5px;
	vertical-align:top;
	background-image:url(https://media.ocgov.com/img/hp/rightedge.gif);
	background-repeat:repeat-y;
}


form.FormNoSpace
{
	display: inline; 
	margin: 0;
}

strong
{
	font-weight: bold;
}

.cv-debug
{
	font: normal normal normal 9px/11px tahoma, sans-serif;
	margin: 0 auto;
}

/* Styles for filebank layout ID 38 */
a.fbFileNameB
{
	display: inline-block;
	margin: 5px 0px;
	font-family: inherit;
	font-size: 13px;
	color: #c56c02;
}

a.fbFileNameB:hover
{
	color: #666;
}

.fbRevisionDate
{
	display: inline-block;
	margin: 5px 0px;
	font-family: inherit;
	font-size: 11px;
	color: #666;
}


/*=========================================================
 Default media manager buttons
=========================================================*/
#mmButtons
{
  margin-top: 30px;
  margin-bottom: 10px;
}
.btn-cont
{
  display: block;
  width: 220px;
  height: 100px;
  position: relative;
}

.btn-cont .txt-overlay
{
  background: url("../../img/00/secondary_btns/btn_rep.png") repeat-x scroll 0 0 transparent;
  bottom: 16px;
  cursor: pointer;
  display: table;
  float: left;
  height: auto;
  position: absolute;
  width: 219px;
  padding: 5px 0px 5px;
}

.btn-cont .txt-cont
{
  float: left;
  width: 100%;
}

.btn-smalltext-10 .txt-overlay span.btn-label
{
  font-size: 10px;
}

.txt-overlay .txt-cont
{
  width: 218px;
  overflow: hidden;
}

.txt-overlay span.btn-label, .txt-cont span.btn-label
{
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font: bold 16px/17px Georgia,Times,serif;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 208px;
  margin-left: 5px;
}

.txt-overlay span.btn-label-desc, .txt-cont span.btn-label-desc
{
  color: #fff;
  font: italic 12px Georgia, Times, serif;
  width: 100%;
  display: table-cell;
  text-align: center;
  cursor: pointer;
  display: block;
  padding-top: 1px;
}

.txt-cont .glow-border
{
  display: block;
  width: 100%;
  height: 15px;
  background: url(../../img/00/secondary_btns/btn_ln_glow.png) no-repeat;
}

.txt-cont span.btn-label-desc
{
  padding: 0;
}

.txt-overlay span.center-label
{
  margin-top: 9px;
}

a.mm-button
{ 
	display: block;
	width: 220px;
	height: 100px;
	text-decoration: none;
	background: url(../../img/00/secondary_btns/btn_frame.png) no-repeat;
}

a.mm-button:hover
{ 
	background-position: 0px -100px;
}

a.mm-spacer
{
	margin-bottom: 10px;
}

/*********************
 Ticker / Marquee /Emergency Alert 
*********************/

 /*===============================================
    ALERT TICKER 1 is the Default style    

    Widget Ticker - Agency specific Background
    To be used on subsites with unique Alerts
#alert-ticker-1
{

	background: url(../../img/00/layout/alerts/county.png) no-repeat 15px 0px;
} 

.widget-ticker 
{
    background: url("https://media.ocgov.com/img/00/layout/alerts/agency.png") no-repeat 15px 0px;
    top: 5px
}   
===============================================*/






#alert-ticker-1
{
    width: 960px;
    margin: 0px 0px 0px 0px;
    position: relative;
    color: #fff;
    height: 46px;
}
.mainnewsalert_marque
{
  background: url("../../img/00/layout/alerts/county.png") no-repeat !important;  
}

#alert-ticker-1 a
{
	color: #fff;
}

#alert-ticker-1 a:hover
{
	color: #fff;
	text-decoration: underline !important;
} 

#alert-ticker-1 div.left
{
	height: 24px;
	width: 10px;
	float: left; 
}

#alert-ticker-1 div.right
{
	height: 24px;
	width: 10px;
	float: left; 
}

#alert-ticker-1 div.center
{
	position: relative;
	float: left; 
	width: 940px;
	height: 24px;
}

ul.marquee 
{
	/* required styles */
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;
	top: 7px;
	left: 10px;
	/* optional styles for appearance */
	width: 750px;
	height: 20px; /* height should be included to reserve visual space for the marquee */

	/*background-color: #f2f2ff;*/
	/*border: 1px solid #08084d;*/
}



#alert-ticker-1 ul.marquee li 
{
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */

	/* optional styles for appearance */
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	line-height:24px;
}

#alert-ticker-1 ul.marquee li a font { color: #fff; font-style: normal; letter-spacing: .1em;}
#alert-ticker-1 ul.marquee li a  
{
    text-decoration: none; 
    color: #fff; 
    font-style: normal; 
    letter-spacing: .1em;
}


#alert-ticker-1 .marquee .date
{
	display: none;
}

#alert-ticker-1 #marquee-date 
{
	float: left; 
	width: 130px; 
	height: 20px; /* height should be included to reserve visual space for the marquee */
	text-align: right; 
	line-height: 24px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	padding: 0px 4px;
	position: relative;
	top: 7px;
	left: -5px;
	left:0px\9;
	color: #fff;
	/*border: 1px solid #08084d;*/
}


/*-------------------------------------------------------------------------------------
 AGENCY Emergency Alert
-------------------------------------------------------------------------------------*/

#alert-ticker-3
{
    width: 960px;
    margin: 0px 0px 0px 0px;
    color: #fff;
    height: 46px;
    /*background: url("../../img/03/layout/alerts/ttc.png") no-repeat;*/
}

#alert-ticker-3 a
{
	color: black;
}

#alert-ticker-3 a:hover
{
	color: red;
}

#alert-ticker-3 div.left
{
	height: 24px;
	width: 10px;
	float: left; 
}

#alert-ticker div.right
{
	height: 24px;
	width: 10px;
	float: left; 
}

#alert-ticker div.center
{
	position: relative;
	float: left; 
	width: 940px;
	height: 24px;
}

ul.marquee 
{
	/* required styles */
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;
	top: 7px;
	left: 20px;
	/* optional styles for appearance */
	width: 750px;
	height: 20px; /* height should be included to reserve visual space for the marquee */

	/*background-color: #f2f2ff;*/
	/*border: 1px solid #08084d;*/
}

ul.marquee li 
{
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */

	/* optional styles for appearance */
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	line-height:24px;
}

ul.marquee li a font, ul.marquee li a  
{
    color: #fff !important; 
    font-style: normal !important; 
    letter-spacing: .2em !important;
    text-decoration: none !important;
}

ul.marquee li.marquee-showing
{
    top: 4px;
left: 5px;
}

.marquee .date
{
	display: none;
}

#marquee-date 
{
	float: left; 
	width: 130px; 
	height: 20px; /* height should be included to reserve visual space for the marquee */
	text-align: right; 
	line-height: 24px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	padding: 0px 4px;
	position: relative;
	top: 7px;
	left: 5px;
	color: #fff;
	/*border: 1px solid #08084d;*/
}









/*************************************************************************************************
	OC Quick Access
*************************************************************************************************/

#oc-qa
{
  position: absolute;
  width: 100%;
  height: 21px;
  background: url(../../img/quickaccess/qa_rep.png) bottom repeat-x;
  z-index: 9999;
}

#qa-tab
{
  position: absolute;
  left: 40%;
  width: 320px;
  height: 45px;
  background: url(../../img/quickaccess/oc_quickaccess.png) top no-repeat;
  cursor: pointer;
  z-index: 9999;
  margin-top: 15px;
}

#oc-qa #contents { width: 100%; height: 100%; display: none; }

#oc-qa div#SiteSearch
{
	float: left;
	width: 178px;
	height: 34px;
	background: url(../../img/00/layout/search_bg.png) no-repeat;
}

#oc-qa #SiteSearch input
{
  float: left;
	width: 178px;
	height: 34px;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	font-style: italic; 
	color: #646464; 
	text-align: left;
	border: none;
	background: none;
	padding: 4px 8px;
	line-height: 24px;
	margin: 0px;
	color: #8a8a8a;
}

#oc-qa div#button
{
  float: right;
	width: 34px;
	height: 34px;
}

#oc-qa #head-seal
{
  float: right;
  width: 56px;
  height: 55px;
  background: url(../../img/00/layout/oc_head_seal.png) no-repeat;
  margin-top: 35px;
  margin-right: 4px;
}

#oc-qa a.linkbackhome
{
	float: left;
	width: 426px;
	height: 75px;
	background: url(../../img/00/layout/ocgov_logo.png) no-repeat;
	margin-top: 20px;
}

#oc-qa #search-cont
{
  float: right;
  width: 212px;
  height: 34px;
  margin-right: 12px;
  margin-top: 47px;
}

#oc-qa #subnav-cont
{
  float: left;
  width: 960px;
  height: 39px;
  margin-top: 5px;
}

/*#oc-qa #subnav-cont a.link-1:hover { background: url(../../img/00/navbuts/but1_on.png) no-repeat !important; }
#oc-qa #subnav-cont a.link-2:hover { background: url(../../img/00/navbuts/but2_on.png) no-repeat !important; }
#oc-qa #subnav-cont a.link-3:hover { background: url(../../img/00/navbuts/but3_on.png) no-repeat !important; }
#oc-qa #subnav-cont a.link-4:hover { background: url(../../img/00/navbuts/but4_on.png) no-repeat !important; }
#oc-qa #subnav-cont a.link-5:hover { background: url(../../img/00/navbuts/but5_on.png) no-repeat !important; }
#oc-qa #subnav-cont a.link-6:hover { background: url(../../img/00/navbuts/but6_on.png) no-repeat !important; }
#oc-qa #subnav-cont a.link-7:hover { background: url(../../img/00/navbuts/but7_on.png) no-repeat !important; }
#oc-qa #subnav-cont a.link-8:hover { background: url(../../img/00/navbuts/but8_on.png) no-repeat !important; }*/



/*-------------------------------------------------------------------------------------
 WEBSITE THEME
-------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------
 Body
-------------------------------------------------------------------------------------*/
body
{ 
	background: #fff url(../../img/00/layout/header_rep.png) repeat-x;
	color: #000000;
	margin: 0px;
	height: 100%;
	font-family: Arial, Sans-Serif;
}

@media print 
{
	body
	{
		background: #fff;
		margin: 5px;
		height: 100%;
	}
}

#oAllScreen 
{
	width:960px;
	position: relative;
}



/*-------------------------------------------------------------------------------------
 Header
-------------------------------------------------------------------------------------*/
div.header, td.header
{
	width: 960px;
	height: 145px;
}

div.headercrumb, td.headercrumb
{
	width: 960px;
	height: 208px;
}



/*-------------------------------------------------------------------------------------
 Top
-------------------------------------------------------------------------------------*/
#fontsize a
{
	text-decoration: none;
	color: #d2d2d2;
	padding-left: 2px;
}

#fontsize a.selected
{
	text-decoration: none;
	color: #fff;
}



/*-------------------------------------------------------------------------------------
 Font Sizes
-------------------------------------------------------------------------------------*/

.size0,.edtdiv.size0, .size0 table, #size0, #size0 table, #oAllScreen.size0 > div a
{
	font-size: 11px !important;
}
                                             
.size1,.edtdiv.size1, .size1 table, #size1, #size1 table, #oAllScreen.size1 > div a
{
	font-size: 13px !important;
}

.size2,.edtdiv.size2, .size2 table, #size2, #size2 table, #oAllScreen.size2 > div a
{
	font-size: 15px !important;
}

 #oAllScreen.size2 > div a
{
	font-size: 15px !important;
	font-weight:normal;
}


/*Standard Fontsize 12px*/
.size0 #folderlist div,.size0  .list-left .list-cont ul.pop-list li a, .size0 #menu li a{	font-size: 10px !important;}                                                                                  
.size1 #folderlist div,.size1  .list-left .list-cont ul.pop-list li a, .size1 #menu li a {	font-size: 12px !important;}
.size2 #folderlist div,.size2  .list-left .list-cont ul.pop-list li a, .size2 #menu li a {	font-size: 14px !important;}


/*Standard Fontsize 13px*/
.size0 #folderlist a:link,.size0 #folderlist a:visited,.size0 #folderlist a:active, .size0 .newsbody, .size0 #news-feeds .newsdate,.size0 a.read-more,
.size0 .event span.date-time,.size0 .date,.size0 .summ-txt 
{	font-size: 11px !important;}                                                                                  

.size1 #folderlist a:link,.size1 #folderlist a:visited,.size1 #folderlist a:active, .size1 .newsbody, .size1 #news-feeds .newsdate,.size1 a.read-more,
.size1 .event span.date-time,.size1 .date,.size1 .summ-txt
{	font-size: 13px !important;}

.size2 #folderlist a:link,.size2 #folderlist a:visited,.size2 #folderlist a:active, .size2 .newsbody, .size2 #news-feeds .newsdate,.size2 a.read-more,
.size2 .event span.date-time,.size2 .date,.size2 .summ-txt
{	font-size: 15px !important;}

/*Standard Fontsize 14px*/
.size0 .event a.event-title {	font-size: 12px !important;}
.size1 .event a.event-title {	font-size: 14px !important;}
.size2 .event a.event-title {	font-size: 16px !important;}


/*Standard Fontsize 16px*/
.size0 .txt-overlay p{	font-size: 14px !important;}
.size1 .txt-overlay p{	font-size: 16px !important;}
.size2 .txt-overlay p{	font-size: 18px !important;line-height:18px !important;}


/*Standard Fontsize 17px*/
.size0 .event span.date{	font-size: 15px !important;}
.size1 .event span.date{	font-size: 17px !important;}
.size2 .event span.date{	font-size: 19px !important;}

/*Standard Fontsize 18px*/
.size0 .edtdiv h3,.size0  .newsheader,.size0 .newsheader a,.size0 .media-slideshow-sidethumb #navi-links .thumbDesc h3{	font-size: 16px !important;}
.size1 .edtdiv h3,.size1  .newsheader,.size1 .newsheader a,.size1 .media-slideshow-sidethumb #navi-links .thumbDesc h3{	font-size: 18px !important;}
.size2 .edtdiv h3,.size2  .newsheader,.size2 .newsheader a,.size2 .media-slideshow-sidethumb #navi-links .thumbDesc h3{	font-size: 20px !important;}

/*Standart Fontsize 21px*/
                                     
.size0 .edtdiv h2 {font-size:19px;}
.size1 .edtdiv h2 {font-size:21px;}
.size2 .edtdiv h2 {font-size:23px;}

/*Standard Fontsize 26px*/
/*.size0 div.widget-header h1,.size0 .edtdiv h1  {	font-size: 24px !important;}
.size1 div.widget-header h1,.size1 .edtdiv h1 {	font-size: 26px !important;}
.size2 div.widget-header h1,.size2 .edtdiv h1  {	font-size: 28px !important;}*/
                                               
.size0 .edtdiv h1  {	font-size: 24px !important;}
.size1 .edtdiv h1 {	font-size: 26px !important;}
.size2 .edtdiv h1  {	font-size: 28px !important;}

.unselected
{
	color: #d3d3d3;
}

.redbox
{
	border: solid 1px red;
}

#header div#top
{
	width: 960px;
	height: 95px;
	position: relative;
}

#header div#top a.lowgraphics
{
	display:block; 
	width: 110px; 
	height:20px; 
	top: 28px;
	left: 755px;
	position: absolute;
	font-size: 11px;
	color: #d2d2d2;
	text-decoration: none;
	border: solid 0px red;
	text-align: center;
}
#header div#top a.lowgraphics:hover
{
	text-decoration: underline;
}

#header div#top div#fontsize
{
	display:block; 
	width: 40px; 
	height:20px; 
	top: 26px;
	left: 695px;
	position: absolute;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
}

#header div#top span.sep
{
  position: absolute;
  top: 26px;
  left: 744px;
  color: #d2d2d2;
  font-size: 13px;
}


#header div#top div#header
{
	width: 658px; 
	height:130px; 
	top: 55px;
	left: 292px;
	position: absolute;
}

#header div#top a.linkbackhome
{
	display: block; 
	width: 426px; 
	height: 75px; 
	top: 20px;
	left: 0px;
	background: url(../../img/00/layout/ocgov_logo.png) no-repeat;
	position: absolute;
}

#header #top div#button
{
	left: 854px;
	top: 47px;
	width: 34px;
	height: 34px;
	position: absolute;
}

#header #top input#btn-search-submit
{
  float: right;
	width: 34px;
	height: 34px;
	border: none;
	cursor: pointer;
	background: url(../../img/00/layout/search_btn.png) no-repeat;
}

#header #top div#date
{
	left: 704px;
	top: 68px;
	width: 240px;
	height: 20px;
	position: absolute;
	border: solid 0px red;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bolder;
	color: #00157f;
	text-align: right;
}

#header #top div#portalButton
{
	left: 364px;
	top: 64px;
	width: 343px;
	height: 20px;
	position: absolute;
	border: solid 0px red;
	vertical-align: middle;
	text-align: right;
}

#header #search-radio-btns
{
  position: absolute;
  top: 46px;
  left: 585px;
  width: 110px;
}

#header #search-radio-btns .radio-cont { display: block; height: 15px; margin-bottom: 2px; }

#header #search-radio-btns input { float: right; margin: 0; padding: 0; margin-left: 5px; width: 16px; height: 16px; }

#header #search-radio-btns span.lbl-txt { float: right; font-family: Arial, Sans-Serif; margin-top: 1px; cursor: default; }

#header #search-radio-btns label
{
  float: right;
  color: #fff;
  font-size: 10px;
  margin-right: 6px;
}

#header #top div#SiteSearch
{
	left: 696px;
	top: 47px;
	width: 188px;
	height: 34px;
	position: absolute;
	background: url(../../img/00/layout/search_bg.png) no-repeat;
}

#header #top #SiteSearch input#q
{  
  float: left;
	width: 148px;
	height: 34px;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	font-style: italic; 
	color: #646464; 
	text-align: left;
	border: none;
	background: none;
	padding: 4px 8px;
	line-height: 24px;
	margin: 0px;
	color: #8a8a8a;
}

#header #head-seal
{
  position: absolute;
  top: 35px;
  left: 900px;
  width: 56px;
  height: 55px;
  background: url(../../img/00/layout/oc_head_seal.png) no-repeat;
}

#header #top div#ajaxEvents
{
	left: 458px;
	top: 120px;
	width: 480px;
	height: 16px;
	position: absolute;
	background: transparent;
	/*border: solid 1px red;*/
	overflow: hidden;
}

#header #top #ajaxEvents div.anEvent
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 480px;
	display: none;
}

#header #top div#ajaxEvents font
{
	color: #dacfa8;
}

#header #top div#ajaxEvents b
{
/*	color: #93da52; */
	color: #ffda52;
}
#header #top div#ajaxEvents a
{
	color: #fff7db;
	text-decoration: none;
}
#header #top div#ajaxEvents a:hover
{
	text-decoration: underline;
}



/*-------------------------------------------------------------------------------------
 Navigation Buttons
-------------------------------------------------------------------------------------*/

#header div#nbuts
{
	width: 960px;
	height: 50px;
	position: relative;
}

#header div#but
{
	position: absolute;
	top: 5px;
	width: 960px;
	height: 50px;
}

/* NEW STYLES FOR TEXT TOP-NAVIGATION */
#header #but ul#top-nav, #subnav-cont ul#top-nav
{
  float: left;
  padding: 0;
  margin: 0;
}

#header #but ul#top-nav li, #subnav-cont ul#top-nav li
{
  float: left;
  list-style: none;
  display: table;
}

#header a.abs-link, #subnav-cont a.abs-link
{
  display: table-cell;
  color: #fff;
  font: bold 13px Arial, Sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  line-height: 39px;
  float: left;
}

#header a.fix-line, #subnav-cont a.fix-line
{
    line-height: 15px;
}

/* END OF NEW STYLES */

#header a.abs-link:hover, #subnav-cont a.abs-link:hover
{
  color: #fe9f29;
}



/****************
	Bread Crumbs
*****************/

#header div#bcrumbs
{
	width: 960px;
	height: 42px;
	background: url(../../img/00/layout/crumb_rep.png) repeat-x;
}

#header div#crumbs
{
	width: 667px;
	height: 33px;
	float: left;
	vertical-align: middle;
}

#header div#buttons
{
	float: left;
	width: 293px;
	height: 33px;
}

#header div#nobcrumbs
{
	width: 960px;
	height: 6px;
}

.crumb-rep
{
  background: url(../../img/00/layout/crumb_rep.png) repeat-x;
  background-position: 0px 145px;
}

font.crum					
{
  float: left;
	color: #606060;
}

font.crum-sep, .curr-sep-crum
{
  float: left;
  width: 30px;
  height: 33px;
  background: url(../../img/00/layout/crumb_next.png) no-repeat 5px 0px;
}

a.crum:link,a.crum:visited,a.crum:active     
{
  float: left;
	font: bold 12px Arial, sans-serif;
	text-decoration: underline;
	color: #606060; 
	margin-top: 9px;
}

a.crum:hover      
{
	color: #fe9f29;
}

font.crumcurent
{
  font: bold 12px Arial, sans-serif;
  color: #d77a14;
  float: left;
  margin-top: 9px;
}

.crum     
{
	font: bold 12px Arial, sans-serif;
	color: #606060; 
}



/*-------------------------------------------------------------------------------------
 Layout Title
-------------------------------------------------------------------------------------*/
.pgtitle h1.title
{
	  color: #4c4c4c;
	  font: normal 28px Georgia, Times, Serif;
	  width: 420px;
	  margin: 0;
	  padding: 0;
}

.pgtitle h1.title.long
{
	  color: #4c4c4c;
	  font: normal 22px Georgia, Times, Serif;
	  width: 420px;
	  margin: 0;
	  padding: 0;
}

/* 2-Col Titles */

.pgtitle
{
    width: 710px;
    height: 80px;
    text-align: left;
    background-image: url(../../img/00/layout/pgtitle.png);
    background-repeat:no-repeat;
    background-position:top right;
}



/* Full-Page Titles */

#col0 .pgtitle
{
    width: 960px;
    height: 80px;
    text-align: left;
}


/* Col2-3 */

#col2-3 .pgtitle
{
    width: 420px;
    height: 80px;
    text-align: left;
}




/*-------------------------------------------------------------------------------------
 Content
-------------------------------------------------------------------------------------*/

table#content
{
	width: 960px;
	height: 100%;
}



/*-------------------------------------------------------------------------------------
 Menu
-------------------------------------------------------------------------------------*/

#content td#menul
{
	width: 8px;
}

#content td#menu
{
	width: 222px;
	height: 100%;
}

#content td#menur
{
	width: 20px;
}

#left-nav-top
{
  float: left;
  width: 222px;
  height: auto;
  border-bottom: 3px solid #FE9F29;
  margin-top: 30px;
}

#left-nav-top span.left-nav-txt
{
  float: left;
  font: normal 24px Georgia, Times;
  color: #333;
  text-transform: uppercase;
  padding-top: 8px;
  text-shadow: 0px 1px #fff;
}

#left-nav-top span.left-nav-txt.long
{
  font: normal 20px Georgia, Times;
}

#left-nav-top .openit
{
  float: right;
  width: 25px;
  height: 25px;
  background-image: url(../../img/00/layout/plus-minus.png);
  margin-top: 10px;
  background-repeat:no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

                           
#left-nav-top .openit.close
{
  background-position: 0px -26px;
}
#left-nav-top .openit.open
{
  background-position: 0px 0px;
}

.panel{
/*height:0px; */
display:block;
float:left; 
position:relative;
overflow:hidden;   
}

.list-left {
  display:block;
  height:auto;
}


/********************/
/*  MY OC BUTTON    */
/********************/

div#portal-cont
{
  float: left;
  width: 100%;
  background: url(../../img/00/navmenu/navmenu.png) no-repeat center bottom;
  border-bottom: 3px solid #fe9f29;
  margin-bottom: 30px;
}

div#portal-title 
{
    float: left;
    font: normal 24px Georgia, Times;
    color: #333;
    text-transform: uppercase;
    text-shadow: 0px 1px white;
    margin-top: 18px;
}


div#portal-link-cont { float: right; margin-top: 29px; margin-right: 3px; }

div#portal-link-cont a
{
    color: #1a1a1a;
    margin-top: 20px;
    font-family: Arial, Sans-Serif;
    padding-top: 8px;
    text-shadow: 0px 1px white;
    font-size: 12px;
    text-decoration: none;
}

div#portal-link-cont a:hover{ color: #666; }






/***********************************************
	Full Screen - layout style 0, col0
***********************************************/

#content td#col0l
{
	width: 0px;
}

#content td#col0
{
	width: 960px;
	vertical-align: top;
}

#content td#col0r
{
	width: 0px;
}

/*********************
 inner padding divs 
*********************/
#content #col0 div.html-width-default
{
	width: 960px;
	margin: 15px 0px 0px 0px; 
}

#content #col0 div.content-width-default
{
	width: 960px;
	margin: 0px 0px; 
}

#content #col0 div.vpadcontent-width-default
{
	width: 960px;
	margin: 15px 0px; 
}


/***********************************************
	2 Columns - layout style 3, col2
***********************************************/
#content td#col2l
{
	width: 0px;
}

#content td#col2
{
	width: 710px;
	vertical-align: top;
}

#content td#col2r
{
	width: 0px;
}

/*********************
 inner padding divs 
*********************/
#content #col2 div.html-width-default, #content #col2_3 div.html-width-wide
{
	width: 710px;
	margin: 15px 0px 0px 0px;
	/*firefox fix*/
	float: left;
}

#content #col2 div.content-width-default, #content #col2_3 div.content-width-wide
{
	width: 710px;
	margin: 0px 0px;
	/*firefox fix*/
	float: left;
}

#content #col2 div.vpadcontent-width-default, #content #col2_3 div.vpadcontent-width-wide
{
	width: 710px;
	margin: 0px 0px;
	/*firefox fix*/
	float: left;
}

/* Column 2 */
div#col2-col2
{
	width: 710px;
	border: solid 1px red;
  min-height: 400px;
  height: auto !important;
  height: 400px;	

}
#col2-col2 .top
{
	height: 0px;
	line-height: 0px;
	border: solid 1px green;
}
#col2-col2 .vert-divider
{
	height: 20px;
	line-height: 20px;
	border: solid 1px green;
}
#col2-col2 .bot
{
	height: 0px;
	line-height: 0px;
	border: solid 1px green;
}


/***********************************************
	3 Columns - layout style 4, col2_3 
***********************************************/
#content td#col2_3l
{
	width: 0px;
}

#content td#col2_3
{
	width: 694px;
	vertical-align: top;
}

#content td#col2_3r
{
	width: 0px;
}

/* Column 2 */
div#col2_3-col2
{
	Width: 420px;
	float: left;
	margin-right: 16px ; /*20px;*/
	/*border: solid 1px red; */
  min-height:400px;
  height:auto !important;
  height:400px;	

}

/* Column 2 */
div#col2_3-col2 .pgtitle
{
  background:url('../../img/00/layout/col2-3title.jpg') no-repeat top right transparent;
  width:420px;
}                

div#col2_3-col2 .14
{
  width:420px;
}

#col2_3-col2 .top
{
	height: 0px;
	line-height: 0px;
	/*border: solid 1px green;*/
}
#col2_3-col2 .vert-divider
{
	height: 20px;
	line-height: 20px;
/*	border: solid 1px green; */
}
#col2_3-col2 .bot
{
	height: 0px;
	line-height: 0px;
/*	border: solid 1px green;      */
}

/* Column 3 */
div#col2_3-col3
{
	Width: 224px;
	float: left;
	/*border: solid 1px blue;    */
  min-height:400px;
  height:auto !important;
  height:400px;	

}
#col2_3-col3 .top
{
	height: 6px;
	line-height: 6px;
/*	border: solid 1px green;   */
}
#col2_3-col3 .vert-divider
{
	height: 10px;
	line-height: 10px;
/*	border: solid 1px green;    */
}


/*********************
 inner padding divs 
*********************/
#content #col2_3 div.html-width-default, #content #col2 div.html-width-narrow
{
	width: 420px;
	margin: 15px 0px 0px 0px; 
}

#content #col2_3 div.content-width-default, #content #col2 div.content-width-narrow
{
	width:420px;
	margin: 0px 0px; 
}

#content #col2_3 div.vpadcontent-width-default, #content #col2 div.vpadcontent-width-narrow
{
	width:420px;
	margin: 15px 0px; 
}

#content div.rcoldiv
{
	margin: 0px 0px 0px 0px; 
}


/***********************************************
	Homepage - layout style 0, colhp
***********************************************/

#content td#colhpl
{
	width: 4px;
}

#content td#colhp
{
	width: 674px;
	vertical-align: top;
}

#content td#colhpr
{
	width: 16px;
}


/***********************************************
	Homepage Styles
***********************************************/

#home-container
{
  
}

.gray-span-bg
{
  background: url(../../img/00/layout/oc_home_gray_rep.png) repeat-x 0px 145px;
}

#home-container #slide-wrapper
{
  background: url(../../img/00/layout/oc_home_gray.png) no-repeat center bottom;
  width: 960px;
  height: 405px;
}

#slide-wrapper #slide-cont
{
  background-color: #1f1f1f;
  width: 960px;
  height: 373px;
}

#home-container .span-620
{
  float: left;
  width: 620px;
}

#home-container .span-310
{
  float: left;
  width: 310px;
}

#home-container .col-span-1
{
  float: left;
  width: 310px;
  margin-left: 30px;
}

#home-container .col-span-2
{
  float: left;
  width: 620px;
}

/* Homepage News Feeds */

#latest-news #news-feeds
{
  float: left;
  width: 100%;
  margin-top: 10px;
}

#news-feeds .newsheader, #news-feeds .newsheader a
{
  display: block;
  font: normal 18px Georgia, Times, serif;
  color: #E5701E;
  padding-bottom: 3px;
  padding-top: 3px;
  text-decoration: none;
}

#news-feeds .newsheader a:hover
{
  color: #ff7e21;
}

#news-feeds font.newsheader
{
  color: #333;
}

#news-feeds .newsbody
{
  display: block;
  font: normal 13px Arial, sans-serif;
  color: #1a1a1a;
  line-height: 20px;
}

hr.news-sep
{
  color: #ccc; /*used for IE, top color*/
  background: #ccc; /*firefox and chrome, top color*/
  min-height: 0px;  /*required to get IE to render the top pixel color*/
  border-left: 0px; 
  border-right: 0px;
  border-top: 1px solid #ccc; /*Your top color*/
  border-bottom: 1px solid #ffffff; /*Your bottom color*/
}

#news-feeds .sep-line
{
  width: 85%;
  float: left;
  clear: both;
}

#news-feeds .sep-line, #news-feeds .sep-line-full
{
  padding-top: 10px;
  padding-bottom: 10px;
}

#news-feeds .feed-link
{
  float: right;
}

#news-feeds a.more-link
{
  font: normal 12px Arial, sans-serif;
  color: #d34900;
  text-decoration: none;  
}

#news-feeds a.read-more
{
  float: left;
  font-style:italic;
  font-family: Georgia, Times, serif;
  color: #E5701E;
  text-decoration: none;
  margin-top: 6px;
}

#news-feeds a.read-more:hover, #news-feeds a.more-link:hover
{
  color: #ff7e21;
}

#news-feeds .newsdate
{
  font: normal 13px Trebuchet MS, Georgia, serif;
  color: #666;
}

a.news-archives-btn
{
  color: #989898;
  font: normal 14px Arial, Sans-serif;
  text-decoration: none;
}

a.news-archives-btn:hover { color: #989898; text-decoration: underline; }

#popular #popular-container
{
  float: left;
  width: 100%;
}
  
.list-cont ul.pop-list
{
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  margin-top: 10px;
  height:auto;
}

.list-left .list-cont ul.pop-list li
{
  width: 100px;
  text-align: left;
  font-size:14px;
}

.list-cont ul.pop-list li
{
  float: left;
  margin-top: 0px;
  margin-bottom:0px !important;
  padding-bottom:10px;
  padding-right: 10px;
  width: 145px;
}

.list-cont ul.pop-list li.left
{
  clear: left;
}

.list-cont ul.pop-list li a
{
  font-family: Arial, Sans-Serif;
  color: #666;
}
  
.list-cont ul.pop-list li a:hover 
{
  text-decoration: underline;
}

#popular-container ul.pop-list 
{
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.pop-list li
{
  float: left;
  width: 155px;
  margin-top: 15px;
}

ul.pop-list li a
{
  text-decoration: none;
}

ul.pop-list li a:hover { color: #666; }

#home-container #events
{
  margin-top: 20px;
}

#events #events-container
{
  float: left;
  width: 100%
}

#events-container .events-list
{
  float: left;
  width: 100%;
  margin-top: 15px;
}

.events-list .event
{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.event span.date
{
  display: block;
  font: normal 17px Georgia, Times, serif;
  color: #E5701E;
  padding-top: 5px;
  padding-bottom: 5px;
}

.event span.date-time
{
  display: block;
  font: normal 13px Arial, sans-serif;
  color: #1a1a1a;
}

.event a.event-title
{
  display: block;
  font: normal 14px Arial, sans-serif;
  color: #1a1a1a;
  text-decoration: none;
  background: url(../../img/00/layout/event_arr.png) no-repeat 0px 4px;
  padding-left: 10px;
  margin-left: 10px;
}

.event a.event-title:hover
{
  color: #666;
}

.event .event-details
{
  float: left;
  margin-left: 15px;
}

.event .desc
{
  display: block;
  color: #4d4d4d;
  line-height: 18px;
  margin-left: 20px;
}

#home-container #my-oc
{
  margin-top: 20px;
}

#left-nav-top .pipe,
#my-oc .pipe
{
  float: right;
  margin-top: 18px;
  color: #1F1F1F;
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
}

#home-container #homepage-btns
{
  margin-top: 20px;
  height: 100px;
  background-color: #eee;
}

.span-620 .span-head, .span-310 .span-head
{
  float: left;
  width: 100%;
  height: 40px;
  background: url(../../img/00/layout/span-2col.png) no-repeat;
}

#my-oc .span-head
{
  border-bottom: 3px solid #f19736;
}

.span-310 .span-head
{
  background: url(../../img/00/layout/span-1col.png) no-repeat;
}

.span-head h2
{
  float: left;
  font: normal 30px Georgia, Times, serif;
  padding: 3px 0 0 0;
  margin: 0;
  color: #333;
  text-transform: uppercase;
  text-shadow: 0px 1px #fff;
}

a.view-more
{
  float: right;
  color: #1f1f1f;
  font-size: 14px;
  text-decoration: none;
  margin-top: 18px;
}

a.view-more:hover { color: #666; }





/**************************************************************
/* DELETE THIS SECTION AFTER HOMEPAGE INTEGRATION --> Homepage Chunks
/*************************************************************/

/* Common layout */
#content #hdrHomepageChunks a
{
	font: bold 11px verdana,sans-serif ;
	text-decoration: none;
	color: #000000;
	padding: 0px 19px 0px 0px;
	line-height: 44px;
	display: block;
}
#content #hdrHomepageChunks a:hover
{
	text-decoration: underline;
}

/* Calendar */
#content div.hdrCal
{
	width: 282px;
	height: 44px;
	background: url(../../img/00/layout/hpcalendar.gif) no-repeat;
	text-align: right;	
}
#content #hdrHomepageChunks a.hdrCal
{
	color: #005f14;
}

/* News */
#content div.hdrNews
{
	width: 384px;
	height: 44px;
	background: url(../../img/00/layout/hpnews.gif) no-repeat;
	text-align: right;	
}

#content #hdrHomepageChunks  a.hdrNews
{
	color: #766845;
}

#content div.NewsContent
{
	width: 364px;
	margin: 0px 10px;
}

/* Bulletins */
#content div.hdrBulletins
{
	width: 384px;
	height: 44px;
	background: url(../../img/00/layout/hpbulletins.gif) no-repeat;
	text-align: right;	
}

#content #hdrHomepageChunks  a.hdrBulletins
{
	color: #0b1c5c;
}

#content div.BulletinsContent
{
	width: 364px;
	margin: 0px 10px;
}

/* Events */
#content div.EventsContent
{
	width: 262px;
	margin: 0px 10px;
}



/*-------------------------------------------------------------------------------------
 Footer
-------------------------------------------------------------------------------------*/

td.footer
{
	width: 960px;
	height: 440px;
	background: url(../../img/00/layout/foot_bg.jpg) no-repeat bottom;
	vertical-align: top; 
}

#footer #footer-content
{
  float: left;
	width: 960px;
	height: 440px;
	margin-top: 10px;
	font-size: 11px; 
	font-weight: normal;
	text-decoration: none;
	color: #fff;
}

#footer #footer-content .foot-col
{
  float: left;
  width: 182px;
  height: 260px;
  margin-left: 10px;
}

#footer #footer-content #foot-wrap
{
  float: left;
  margin-top: 50px;
}

#footer #footer-content .foot-col-10
{
  width: 192px !important;
}

#footer #footer-content .no-margin
{
  margin-left: 0 !important;
}

#footer a#foot-seal
{
  float: left;
  width: 117px;
  height: 117px;
  margin-left: 23px;
  background: url(../../img/00/layout/oc_foot_seal.png) no-repeat;
}

#footer h2
{
  font-family: Georgia, Serif;
  font-weight: normal;
  font-size: 22px;
  color: #fff;
  margin: 0;
  padding-top: 0;
  padding-bottom: 5px;
}

#footer #footer-content ul
{
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 3px;
}

#footer #footer-content ul li
{
  padding-bottom: 4px;
}

#footer #footer-content ul li a
{
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}

#footer #footer-content ul li a:hover
{
  text-decoration: underline;
}

#footer #footer-content #social
{
  float: left;
  width: 120px;
  margin-left: 15px;
  margin-top: 2px;
}

#footer #footer-content #social ul li
{
  float: left;
  margin-bottom: 15px;
}

#footer #footer-content #social ul li a
{
  float: left;
  width: 120px;
  height: 94px;
  margin: 3px;
}
#footer #footer-content #mission-statement
{
  float: left;
  width: 960px;
  height: 60px;
}

#foot-span
{
  background: url(../../img/00/layout/foot_rep.png) repeat-x bottom;
  height: 440px;
}

#mission-statement p
{
  text-align: center;
  font-family: Palatino Linotype, Times New Roman, Serif;
  font-size: 17px;
  font-style: italic;
  line-height: 24px;
  width: 900px;
  margin-top: 12px;
  margin-left: 30px;
  padding: 0;
}



/*-------------------------------------------------------------------------------------
 Page Contacts
-------------------------------------------------------------------------------------*/

#footer #PageContacts table
{
  float: left;
  font-family: Georgia, Serif;
	width: 182px;
	margin: 10px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
}
#footer #PageContacts td
{
	text-align: left;
	vertical-align: top;
	display: inherit;
}
#footer #PageContacts td.photo
{
	display: inherit;
}
#footer #PageContacts image
{
	margin: 0px 0px 10px 0px;
}

#footer #PageContacts td.info
{
	display: inherit;
}
#footer #PageContacts font.title
{
	font-weight: bolder;
	margin: 0px;
}
#footer #PageContacts a
{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#footer #PageContacts a:hover
{
	text-decoration: underline;
}


/*-------------------------------------------------------------------------------------
 Side Fades
-------------------------------------------------------------------------------------*/

td.LeftSideFade
{
	/*background-color: /* sSurroundColor */
}

td.RightSideFade
{
	/*background-color: /* sSurroundColor */
}

td.LeftSideFullFade
{
	/*background-color: #c0c0c0; /* sSurroundColor */
	background-image: url(https://media.ocgov.com/img/layout/lfade.gif); 
	background-repeat: repeat-y; 
	background-position: right;
	height:100%; 
}

td.RightSideFullFade
{
	/*background-color: #c0c0c0; /* sSurroundColor */
	background-image: url(https://media.ocgov.com/img/layout/rfade.gif); 
	background-repeat: repeat-y; 
	background-position: left;
	height:100%; 
}



/*************************************************************************************************
	W I D G E T S
*************************************************************************************************/

/*widget-3column*/

#content td#widget-3columnl
{
	width: 14px;
}

#content td#widget-3column
{
	width: 674px;
	vertical-align: top;
}

#content td#widget-3columnr
{
	width: 16px;
}

/* Column 2 */
#widget-3column div#widget-column2
{
	Width: 344px;
	float: left;
	margin-right: 16px ; /*20px;*/
	border: solid 1px red;
  min-height:400px;
  height:auto !important;
  height:400px;	

}
/*
#widget-3column-col2 .top
{
	height: 0px;
	line-height: 0px;
	border: solid 1px green;
}
#widget-3column-col2 .vert-divider
{
	height: 20px;
	line-height: 20px;
	border: solid 1px green;
}
#widget-3column-col2 .bot
{
	height: 0px;
	line-height: 0px;
	border: solid 1px green;
}
*/

/* Column 3 */
#widget-3column div#widget-sidebar
{
	Width: 300px;
	float: left;
	border: solid 1px blue;
  min-height:400px;
  height:auto !important;
  height:400px;	
	overflow-x:hidden;
}
/*
#widget-3column-col3 .top
{
	height: 6px;
	line-height: 6px;
	border: solid 1px green;
}
#widget-3column-col3 .vert-divider
{
	height: 10px;
	line-height: 10px;
	border: solid 1px green;
}
*/


/*==============================================================================
' F U L L S C R E E N   W I D G E T S
' All new and spiffy
'==============================================================================*/

#fullscreen-widgets
{
	width: 960px;
}

#fullscreen-widgets #left
{
	width: 620px;
	float: left;
}

#fullscreen-widgets #media-tall
{
	position: relative;
	width: 620px;
	height: 345px;
	margin-bottom: 10px;
	background: #fff0f0;
	overflow: hidden;
	float: left;
}

#fullscreen-widgets #media-normal
{
	position: relative;
	width: 620px;
	height: 260px;
	margin-bottom: 10px;
	overflow: hidden;
	float: left;
}

#fullscreen-widgets .media #media-basic-slide-wrapper img
{
	position: absolute;
	top: 0px;
	left: 0px;
}

#fullscreen-widgets .media #media-basic-slide-wrapper #panel
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	/*height: 100px;*/
	width: 100%;
	z-index: 1000;
	padding: 1% 1%;
	background-color: Black;
	color: White;
}

#fullscreen-widgets .media #media-basic-slide-wrapper #panel strong
{
	margin: 0px auto 5px auto;
	/*display: block;*/
}

#fullscreen-widgets #nav
{
	width: 244px;
	margin-right: 10px;
	float: left;
}

#fullscreen-widgets #content-narrow
{
	width: 366px;
	float: left;
}

#fullscreen-widgets #content-media
{
	width: 620px;
	float: left;
}

#fullscreen-widgets #content-normal
{
	width: 676px;
	float: left;
}

#fullscreen-widgets #widget-sidebar
{
	Width: 300px;
	float: left;
	overflow-x: hidden;
	margin-left: 10px;
}

#fullscreen-widgets #widget-topright
{
	Width: 300px;
	height: 260px;
	float: left;
	overflow: hidden;
	margin-Left: 10px;
}

#fullscreen-widgets #widget-lower
{
	Width: 676px;
	float: left;
	overflow-x: hidden;
	margin-top: 10px;
}


.widget-p
{
	margin: 0px auto 10px auto;
}

#fullscreen-widgets .html-narrow
{
	width: 366px;
}

#fullscreen-widgets .html-media
{
	width: 620px;
}

#fullscreen-widgets .html-normal
{
	width: 676px;
}

#fullscreen-widgets .html-wide
{
	width: 930px;
}


#fullscreen-widgets #crumbs-normal
{
	width: 620px;
	margin: 5px 0px;
}

#fullscreen-widgets #crumbs-wide
{
	width: 930px;
	margin: 0px 0px;
}

.widget-social 
{
  width:auto;
  height:30px;
  margin-bottom:15px;
  position:relative;
  display:block;
  float:right;
}

.widget-social li a {
  display: block;
  height: 30px !important;
  line-height: 30px;
  margin: 5px;
  width: 30px;
}

.sm-like-cont
{
  float: left;
  width: 100%;
  margin: 10px 0px;
}

.sm-like-cont img { float: left; }

.sm-like-cont #top-social-icons
{
  float: right;
}

#top-social-icons a.mm-button
{
  float: left;
  width: 30px;
  height: 30px;
  margin-left: 4px;
}

#top-social-icons a.mm-button:hover
{
  background-position: 0px 0px;
}

.sm-like-cont-home { float: left; }

.sm-like-cont #tweet-it,
.sm-like-cont-home #tweet-it
{
  float: left;
  width: 90px;
}

.sm-like-cont #gp-like,
.sm-like-cont-home #gp-like
{
  float: left;
  width: 70px;
  overflow: hidden;
}

.sm-like-cont #fb-like,
.sm-like-cont-home #fb-like
{
  float: left;
  width: 90px;
}

#tweet-it iframe { width: 90px !important; }
#fb-like iframe { width: 90px !important; }
#gp-like iframe { width: 70px !important; }

/* jQuery Autocomplate Styles */
.ui-autocomplete li
{
  font-family: Georgia, Serif;
  font-size: 14px;
}


/**************
Archive link generated by widgets
**************/
a.ArchiveLink, a.ArchiveLink:link, a.ArchiveLink:visited 
{
  color: #666;
  text-decoration: none;
}

a.ArchiveLink:hover{ color: #999; }


/* Google Translate on secondary pages */

#g-trans-cont #google-translatebox ul.google-lang-cont li
{
  width: 100px;
  margin-left: 0px;
  text-align: left;
}

.txt-overlay a.read-more { color: #fff !important; }


/* My OC Left-Col */
span.myoc-left-loggedin { float: right; margin-top: 6px; font-size: 12px; display: block; color: #1a1a1a; }
span.myoc-left-loggedin a { color: #1a1a1a; text-decoration: none; }
span.myoc-left-loggedin a:hover { color: #666; }


/* Added for Julie's HTML Styles */

.edtdiv .gray-header
{
  margin: 10px 0px 10px 0px; 
	font-family: Georgia, Garamond, Serif; 
	color: #777; 
	font-size: 25px; 
	font-weight: normal;
}

.edtdiv p.dropcap:first-letter {
  font-size: 300%;
  margin: 0px 13px 10px 0px;
  line-height: 110%;
  float: left;
  display: inline-block;
  font-style: italic;
}

.edtdiv p.dropcap2:first-letter, .edtdiv p.dropcap4:first-letter, .edtdiv p.dropcap6:first-letter {font-size: 30px;margin: 0px 10px 10px 0px;line-height: 30px;float: left;display: inline-block;border-radius: 30px;padding: 6px 10px;padding-right: 15px; color: #FFF; font-style:italic;}
.edtdiv p.dropcap3:first-letter, .edtdiv p.dropcap5:first-letter, .edtdiv p.dropcap7:first-letter {font-size: 30px;margin: 0px 10px 10px 0px;line-height: 30px;float: left;display: inline-block;padding: 4px 8px;padding-right: 15px; color: #FFF; font-style:italic;}
.edtdiv p.dropcap2:first-letter {background: #333;}
.edtdiv .typography-style-light p.dropcap2:first-letter {background: #555;color: #fff; font-style:italic;}
.edtdiv p.dropcap3:first-letter {background: #333;border-radius: 2px; font-style:italic;}
.edtdiv .typography-style-light p.dropcap3:first-letter {background: #555;color: #fff;}
.edtdiv p.dropcap4:first-letter {background: #ddd;color: #555; font-style:italic;}
.edtdiv p.dropcap5:first-letter {background: #ddd;color: #555;border: 1px solid rgba(255,255,255,0.3);border-radius: 2px; font-style:italic;}

.edtdiv ul.square li 
{
  background: url(../../img/style_images/li_square.gif) no-repeat 0px 7px;
}

.edtdiv ul.arrow li 
{
  background: url(../../img/style_images/li_arrow.gif) no-repeat 0px 7px;
}

.edtdiv .BQ-style blockquote
{
  background: url(../../img/style_images/quote-l.png) no-repeat 0px 0px;
  margin: 0;
  padding: 0;
}

.edtdiv blockquote.alignleft {width: 30%;float: left;margin: 25px 25px 25px 0;}
.edtdiv blockquote.alignright {width: 30%;float: right;margin: 25px 0 25px 25px;}
.edtdiv blockquote.alignleft p, .edtdiv blockquote.alignright p {background: none;padding: 0;}
.edtdiv blockquote.noquotes {padding: 0;background: none;}
.edtdiv blockquote.noquotes p {padding: 0;background: none;}

.edtdiv .BQ-style blockquote p
{
  padding-left: 40px;
}

/* Alert Styles */
.edtdiv table.admid, table.admidorg, table.admidblue {
	border: 1px solid #cccccc;
	width: 100%;	
}

.edtdiv table.admid td {
	padding: 10px 10px 10px 10px;	
	background: url(../../img/style_images/bkg_callout.gif) repeat-x top;	
}

.edtdiv table.admidorg td {
	padding: 10px 10px 10px 10px;	
	background: url(../../img/style_images/bkg_callout_org.gif) repeat-x top;	
}

.edtdiv table.admidblue td {
	padding: 10px 10px 10px 10px;	
	background: url(../../img/style_images/bkg_callout_blue.gif) repeat-x top;	
}

.edtdiv .adtitle
{
	font-family: Georgia, Garamond, Serif; 
	color: #E5701E; 
	font-size: 20px; 
	font-weight: normal;
}

.edtdiv table.admid td p,
.edtdiv table.admidorg td p,
.edtdiv table.admidblue td p
{
  margin: 13px 0px;
}

.edtdiv .italic
{
  font-style: italic;
  font-weight: bold;
}

.edtdiv .bold
{
  font-size: 120%;
  font-weight: bold;
  line-height: 145%;
  font-style: normal;
}

.edtdiv .bold2 {font-size: 135%;font-weight: bold;line-height: 120%;font-style: normal;}

.edtdiv .normal {font-style: normal;}
.edtdiv .nobold {font-weight: normal;}
.edtdiv .highlight {font-style: normal;padding: 2px 5px;border-radius: 4px;text-shadow: none;}
.edtdiv .highlight.white {background: #e1e1e1;color: #000;}
.edtdiv .highlight.black {background: #000;color: #fff;}
.edtdiv .highlight.green {background: #74924A;color: #fff;}
.edtdiv .highlight.yellow {background: #D69839;color: #fff;}
.edtdiv .highlight.blue {background: #488AAD;color: #fff;}
.edtdiv .highlight.red {background: #BD5151;color: #fff;}

.edtdiv .text-icon
{
  display: inline-block;
  line-height: 20px;
  font-size: 110%;
  background-repeat: no-repeat;
  padding-left: 24px;
  font-family: Arial, Sans-Serif;
  color: #333333; 
  font-size: 13px;
}

.edtdiv .email, .edtdiv .rightarrow, .edtdiv .twitter, .edtdiv .email li, .edtdiv .rightarrow li, .edtdiv .twitter li { background-position: 0px 4px; }
.edtdiv .phone, .edtdiv .leftarrow, .edtdiv .youtube, .edtdiv .phone li, .edtdiv .leftarrow li, .edtdiv .youtube li { background-position: 0 -296px; }
.edtdiv .quote, .edtdiv .circlearrow, .edtdiv .skype, .edtdiv .quote li, .edtdiv .circlearrow li, .edtdiv .skype li { background-position: 0 -596px; }
.edtdiv .info, .edtdiv .circlearrow, .edtdiv .skype, .edtdiv .quote li, .edtdiv .circlearrow li, .edtdiv .skype li { background-position: 0 -2096px; }
.edtdiv .sound, .edtdiv .bulb, .edtdiv .paypal, .edtdiv .sound li, .edtdiv .bulb li, .edtdiv .paypal li { background-position: 0 -2396px; }
.edtdiv .write, .edtdiv .calendar, .edtdiv .dropbox, .edtdiv .write li, .edtdiv .calendar li, .edtdiv .dropbox li { background-position: 0 -1796px; }
.edtdiv .info, .edtdiv .doc, .edtdiv .vimeo, .edtdiv .info li, .edtdiv .doc li, .edtdiv .vimeo li { background-position: 0 -2096px; }
.edtdiv .tags, .edtdiv .person, .edtdiv .video, .edtdiv .tags li, .edtdiv .person li, .edtdiv .video li { background-position: 0 -1496px; }


.edtdiv .email, .edtdiv .phone, .edtdiv .quote, .edtdiv .cart, .edtdiv .rss, .edtdiv .tags, .edtdiv .write, .edtdiv .info, .edtdiv .sound, .edtdiv .email li, .edtdiv .phone li, .edtdiv .quote li, .edtdiv .cart li, .edtdiv .rss li, .edtdiv .tags li, .edtdiv .write li, .edtdiv .info li, .edtdiv .sound li
{
  background-image: url(../../img/style_images/icon-set1.png);
  background-repeat: no-repeat;
  display: inline-block;
  line-height: 20px;
  font-size: 110%;
  background-repeat: no-repeat;
  padding-left: 24px;
  font-family: Arial, Sans-Serif;
  color: #333333; 
  font-size: 13px;
}

.edtdiv .rightarrow, .edtdiv .leftarrow, .edtdiv .circlearrow, .edtdiv .downarrow, .edtdiv .uparrow, .edtdiv .person, .edtdiv .calendar, .edtdiv .doc, .edtdiv .bulb, .edtdiv .rightarrow li, .edtdiv .leftarrow li, .edtdiv .circlearrow li, .edtdiv .downarrow li, .edtdiv .uparrow li, .edtdiv .person li, .edtdiv .calendar li, .edtdiv .doc li, .edtdiv .bulb li
{
  background-image: url(../../img/style_images/icon-set2.png);
  background-repeat: no-repeat;
  display: inline-block;
  line-height: 20px;
  font-size: 110%;
  background-repeat: no-repeat;
  padding-left: 24px;
  font-family: Arial, Sans-Serif;
  color: #333333; 
  font-size: 13px;
}

.edtdiv .twitter, .edtdiv .youtube, .edtdiv .skype, .edtdiv .facebook, .edtdiv .like, .edtdiv .video, .edtdiv .dropbox, .edtdiv .vimeo, .edtdiv .paypal, .edtdiv .twitter li, .edtdiv .youtube li, .edtdiv .skype li, .edtdiv .facebook li, .edtdiv .like li, .edtdiv .video li, .edtdiv .dropbox li, .edtdiv .vimeo li, .edtdiv .paypal li
{
  background-image: url(../../img/style_images/icon-set3.png);
  background-repeat: no-repeat;
  display: inline-block;
  line-height: 20px;
  font-size: 110%;
  background-repeat: no-repeat;
  padding-left: 24px;
  font-family: Arial, Sans-Serif;
  color: #333333; 
  font-size: 13px;
}

/* Inset Styles */
.edtdiv span.inset-left {float: left;margin-right: 20px;}
.edtdiv span.inset-right {float: right;margin-left: 20px;}
.edtdiv span.inset-right-title, .edtdiv span.inset-left-title {display: block;font-size: 100%;font-weight: bold;}
.edtdiv span.inset-left, .edtdiv span.inset-right {display: block;padding: 10px;width: 20%;font-size: 100%;font-style: italic;margin-top: 15px;position: relative;text-align: justify; margin-bottom: 15px;}


.edtdiv .disclaimer-box,
.edtdiv .disclaimer-box-orange,
.edtdiv .disclaimer-box-blue
{
  padding: 3px;
  background-color: #fff;
  border: 1px solid #CCC;
}

.edtdiv .disclaimer-box .disclaimer-box-inner
{
  padding: 10px;
  background: url(../../img/style_images/bkg_callout.gif) repeat-x top;
}

.edtdiv .disclaimer-box-orange .disclaimer-box-inner
{
  padding: 10px;
  background: url(../../img/style_images/bkg_callout_org.gif) repeat-x top;
}

.edtdiv .disclaimer-box-blue .disclaimer-box-inner
{
  padding: 10px;
  background: url(../../img/style_images/bkg_callout_blue.gif) repeat-x top;
}

.edtdiv .disclaimer-box .disclaimer-box-inner h3,
.edtdiv .disclaimer-box-orange .disclaimer-box-inner h3,
.edtdiv .disclaimer-box-blue .disclaimer-box-inner h3
{
  font-family: Georgia, Garamond, Serif;
  color: #E5701E;
  font-size: 20px;
  font-weight: normal;
  padding: 0;
}

/* Custom Class for Buttons with Long Text */
.longText span { font-size: 13px !important; }


/* External Link Popup */

#external-link-dialog h2 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.ui-dialog .ui-dialog-content {
    overflow: hidden;
}

#external-link-dialog .dialog-p-wrap {
    height: 170px;
    overflow: hidden;
}

#external-link-dialog p {
    font-family: Arial, sans-serif;
    font-size: 13px;
    padding: 0px 10px 10px 10px;
    margin-top: 0px;
    line-height: 20px;
}

.ui-dialog-buttonset { margin-right: 40px; }

.ui-dialog-buttonset span.ui-button-text {
    font-size: 16px;
    font-weight: bold;
}