/* (c) copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */

.rounded5{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;}
.rounded10{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px 10px 10px 10px;}
.rounded5BOT{-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;border-radius: 0px 0px 5px 5px;}
.rounded5TOP{ -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;border-radius: 5px 5px 0px 0px;}

.tooltip {width:150px; height:auto !important; position: absolute; line-height:20px; border:none; z-index: 3000; padding: 0 5px; margin-left:-75px; text-align:center; background: url(../images/ffffff_90.png); border:1px solid #000066; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;}
.tooltip h3{ font-size:11px; font-weight:normal; padding:5px 0}

/* start */

/* delete */
#contPage3 .menuBox{top:35px;}
#contPage3 .portArrows{top:100px;}
#contPage3 .portShow{top:120px;}
#contPage3 .midDrop{background-position: center -112px}
b{ font-weight:normal; color:#F00}
/* delete */

#contPage .logoBox{top:-5px;}
#contPage .menuBox{top:125px;}
#contPage .portArrows{top:190px;}
#contPage .portShow{top:210px;}

.idleField{ color:#666}
.focusField{ color:#333}

.circle{width:650px; height:650px; position:absolute; top:-33px; left:50%; margin-left:-325px; z-index:0}
.logoBox{width:990px; height:145px; position:absolute; top:220px; left:50%; margin-left:-495px; z-index:3}
	.topDrop{width:100%; height:17px; position:absolute; top:10px; left:0; background:url(../images/drop_top.png)}
	.midDrop{width:100%; height:91px; position:absolute; top:27px; left:0; background-image:url(../images/bg2_top.png);}
	.botDrop{width:100%; height:17px; position:absolute; bottom:10px; left:0; background:url(../images/drop_bott.png)}
	.logoItself{width:125px; height:125px; position:absolute; top:50%; left:50%; background:url(../images/cow_logo.png); margin-top:-62px; margin-left:-62px}
	.logoTxt1,.logoTxt2{font-family:'Times New Roman'; position:absolute }
	.logoTxt1{font-size:22px; top:50px; left:-180px;}
	.logoTxt2{font-size:18px; top:53px; right:-305px;}

.menuBox{width:100%; height:80px; position:absolute; top:350px; left:0; background:url(../images/n_grad.jpg) repeat-x top; z-index:2}
	.menuBoxDiv{width:990px; position:absolute; left:50%; margin-left:-495px;}
	.menuBoxTop{width:990px; height:40px; float:left;}
	.menuBoxTxt{width:420px; height:40px; float:left; font-family:'Times New Roman'; font-size:17px; color:#fff; line-height:40px; text-align:left; margin-left:-80px;}

.portArrows{width:990px; height:20px; position:absolute; left:50%; margin-left:-495px; top:415px; z-index:1}
.portShow{width:100%; height:0px; position:absolute; top:435px; background:url(../images/port_bg.jpg) top repeat-x #040369; overflow:hidden; z-index:1}
	.portShowDiv0, .portShowDiv1, .portShowDiv2, .portShowDiv3, .portShowDiv4, .portShowDiv5, .portShowDiv6{width:990px; position:absolute; left:50%; margin-left:-495px; top:-165px;}
	.portNav{width:990px; height:25px; float:left}
	.portNav ul{ padding:0; margin:0; list-style:none; display:block; float:left}
	.portNav li{ font-weight: bold;width:135px; height:40px; line-height:20px; margin:5px 0 0 5px; float:left; text-align:center; font-size:12px; color:#fff; cursor: default}
	
	.psArrowda{width:135px; height:15px; background:url(../images/tab1.gif) bottom; position:absolute; top:0px; overflow:hidden}
	.psArrowda em{ width:15px; height:10px; position:absolute; left:60px; bottom:5px; background:url(../images/all_png.png) 25px 10px}
		.portda0{left:5px;}
		.portda1{left:145px;}
		.portda2{left:285px;}
		.portda3{left:425px;}
		.portda4{left:565px;}
		.portda5{left:705px;}
		.portda6{left:845px;}
	
	.psArrowua{width:135px; height:0px; background:url(../images/tab2.gif); position:absolute; top:20px; overflow:hidden}
	.psArrowua em{ width:15px; height:10px; position:absolute; left:60px; top:5px; background:url(../images/all_png.png) 0px 10px;}
		.portua0{left:5px;}
		.portua1{left:145px;}
		.portua2{left:285px;}
		.portua3{left:425px;}
		.portua4{left:565px;}
		.portua5{left:705px;}
		.portua6{left:845px;}
	
	.psLeft{width:475px; height:105px; float:left; margin:10px 5px 10px 15px;}
	.psLeft h1{height:23px; line-height:23px; padding:0 5px; border-bottom:2px solid #FFF; background:url(../images/diagonal.png); font-size:16px; color:#FFF; text-align:right; overflow:hidden}
	.psLeft h1 img{width:10px; height:15px; float: right; padding:3px 0 0 5px }
	.psLeft h1 a{ color:#fff; text-decoration:none}
	.psLeftDiv{width:100%; height:120px; padding-top:5px; overflow:hidden; line-height:20px; color:#FFF; text-align:right; font-size:11px;}
	.psLeftDiv img{float:right; border:2px solid #FFF; margin:0 0 0 10px;}
	.psLeftDiv a{ color:#fff} .psLeft a:hover { color:#9999ff}
	.psLeftDiv a:hover { color:#fff}
	.psRight{width:480px; height:115px; float:left; margin:10px 10px 10px 5px;}
	.psRight a:first-child{ font-weight:bold; text-transform:uppercase}
	.psRight a, .portalLinks a{width:145px; height:23px; line-height:23px; padding:0 5px; margin:0 5px 5px 0; border-bottom:2px solid #FFF; overflow:hidden; float: left; background:url(../images/diagonal.png); color:#FFF; text-decoration:none; text-align:center; font-size:11px;}
	.psRight a:hover, .portalLinks a:hover{border-bottom:2px solid #ccc; background:url(../images/diagonal2.gif); color:#000066}
	.portalLinks.tour a{ width:330px; padding:0;}
	.portalLinks.depa a{ width:330px; padding:0;}
	.portalLinks.info a{ width:330px; padding:0;}
	.portalLinks.busi a{ width:330px; padding:0;}
	.portalLinks.coun a{ width:330px; padding:0;}
	.portalLinks.citi a{ width:330px; padding:0;}
	
.otherNav{width:990px; height:30px; left:50%; top:0; margin-left:-495px; position:absolute; font-size:12px; z-index:3;}
	.otherNav a{height:29px; line-height:29px; border:1px solid #ccc; border-top:none; background:url(../images/search_grad.jpg); padding:0 25px 0 10px; margin:0 5px 0 0; text-decoration:none; color:#666; float:right; position:relative; outline:0; z-index:5}
	.otherNav a:hover{ background:url(../images/n_grad_1.jpg); color:#FFF}
	.otherNav img{ padding:0 0 0 5px; position:absolute; top:5px; right:5px}
	.navSearch, .navLogin{width:250px; height:35px; padding:9px 9px 19px 9px; position:absolute; top:-65px; right:5px; background:#fff; border:1px solid #CCC; }
	.navSearch span, .navLogin span{ width:15px; height:15px; text-align:center; line-height:12px; float:right; background:#333; color:#FFF; font-weight:bold; cursor:pointer;}
	.navSearch p, .navLogin p{ font-size:11px; line-height:20px;}
		.navSearch input[type="submit"],.navLogin input[type="submit"]{ height:25px; border:none; background:#333385; float:left; color:#fff;}
		.navSearch input[type="text"],.navLogin input[type="text"],.navLogin input[type="password"]{height:23px; border:1px solid #999; margin-right:5px; float:left; padding:0 5px; font-size:12px;}
		.navSearch input[type="text"]{ width:173px;}
		.navSearch input[type="submit"]{width:60px;}
		.navLogin input[type="text"],.navLogin input[type="password"]{ width:93px;}
		.navLogin input[type="submit"]{width:30px;}

.content{width:960px; position:absolute; top:205px; left:50%; margin-left:-480px;}
	.contLeft, .contRight{ background:#fff; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:25px 9px; color:#333}
	.contLeft{width:700px; float:left}
	.contLeft .breadCrumb{ font-size:11px; font-weight:normal}
	.contLeft h1, .contRight h1{ height:28px; line-height:28px; font-size:13px; background:url(../images/diagonal2.gif); border-bottom:2px solid #CCC; padding:0 10px; display:block; clear:both; overflow:hidden}
	.contLeft h2{ font-size:13px; font-style:italic; background:url(../images/head_arrow.gif) no-repeat right; border-bottom:2px solid #CCC; line-height:20px; margin:10px 0 5px 0; color:#000;}
	.contLeft h3{ font-size:12px; line-height:20px; color:#000; border-bottom:1px dashed #ccc; margin-top:10px}
	.contLeft h4{font-size:11px; text-transform:uppercase; line-height:20px; color:#333; margin-top:10px}
	.contLeft ul{ padding-left:20px; line-height:20px;}
	.contLeft .subNaver a{ background: url(../images/ico_link.png) right no-repeat; padding-right:25px; margin-bottom:1px;}
	.contLeft .subNaver a:hover{}
	.contLeft ol{ padding-left:20px; line-height:20px;}
	.contLeft p{line-height:20px; padding: 3px 0 3px 0; }
	.contLeft strong{ color:#000066}
	.contLeft p.note{background: url(../images/ico_note.png) no-repeat left center #eee; color:#333; padding:0 5px 0 20px; margin-bottom:5px; line-height:20px;}
	.contLeft p.note strong{color:#000}
	.contLeft .scroller{ width:690px; padding:10px 5px 0 5px; float:left /*overflow-y: scroll*/}
	.contLeft .portHead{font-size:14px; font-weight:bold; color:#FFF; background:#9999ff; padding:5px 10px;}
	.contLeft a.backToTop{width:auto; display:block; text-decoration:none; line-height:20px; border-top:1px solid #CCC; text-align:right; padding:0 10px; color:#999;}
	.contLeft a.backToTop:hover{color:#666;}
	.contLeft a.contBack{ display:block; clear:both; font-size:11px; background: #9999ff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px; color:#FFF; text-decoration:none; padding:0 5px 0 5px; margin-top:5px;}
	.contLeft a.contBack:hover{background: #ccc;}
	
	table.table { border:1px solid #CCC}
	.table tr{ font-size:10px;}
	.table td{padding:5px 5px; border-right:1px solid #ccc; text-align:center}
	.table td:first-child{ text-align:left}
	.table tr:nth-child(2n+3) {background:#e1e1e1}
	
	.contLeft.full{width:940px;}
	.contLeft.full .scroller{width:930px;}
	
	.organoG{width:930px; position:relative}
	.organoG .pic{width:90px; margin:0 5px; padding:10px 0 5px 0;  float:left; text-align:center;}
	.organoG .pic img {width:70px; height:80px; margin:0px; position:relative; z-index:0;}
	.organoG .pic img.imgZoom{position:absolute; z-index:10; border:1px solid #999}
	.organoG .pic p{ line-height:15px; padding:10px 0}
	
	.contLeft.events ul{ width:33%; padding:0; margin:0; list-style:none; float:left;}
	.contLeft.events li{ padding:5px 5px; line-height:20px;}
	.contLeft.events li:nth-child(2n+3) {background:#e1e1e1}
	
	.contLeft .plants { width:50%; padding:0; margin:0; list-style:none; float:left;}
	.contLeft .plants li{ padding:0 5px; line-height:20px;}
	.contLeft .plants li:nth-child(2n+3) {background:#e1e1e1}
	
	.picFrameFloat{width:200px; height:auto; float:right; margin:0 0 0 10px}
	.picFrame{ background-position:center; background-repeat:no-repeat; margin-bottom:10px; text-align:center; font-size:11px;}
	.picFrame img{ display:block; clear:both;}
	
	.portalLinks, .portalLogin{width:670px; padding: 5px 10px 5px 10px; background: url(../images/port_bg.jpg) repeat-x #000066; float:left; margin-bottom:10px; color:#FFF;}
	.portalLogin{ margin-left:10px;}
	.portalLogin p{ clear:both; padding:2px 0}
	.portalLogin input[type="text"], .portalLogin input[type="password"]{width:145px; height:23px; line-height:23px; float:left; border:1px solid #ccc; margin:0 5px 10px 5px}
	.portalLogin input[type="submit"]{width:305px; height:25px !important; margin:0 5px;}
	.portalLogin a { color:#9999ff; font-size:11px}	.portalLogin a:hover { color:#fff}

	.picPortalFloat{width:250px; height:auto; float:right; margin:35px -5px 0 10px}
	.picPortal{ background-position:center; background-repeat:no-repeat;}
	
	.contRight{width:210px; float:right; padding-bottom:5px}
	.portalLinks2{ width:210px; padding: 5px 0; float:left; margin:5px 0; color:#FFF}
	.portalLinks2 a{ width:190px; height:25px; line-height:25px; padding:0 10px; font-size:11px; margin-bottom:1px; background:url(../images/diagonal2.gif); color:#000; border-bottom:1px solid #CCC; float:left; text-decoration:none; overflow:hidden}
	.portalLinks2 a:first-child{ text-transform:uppercase; font-weight:bold}
	.portalLinks2 a:hover{border-bottom:1px solid #000066;}
	
	.contEnder{width:100%; height:40px; margin:5px 0 20px 0; background: url(../images/n_grad_1.jpg); float:left; clear:both; font-size:14px; line-height:40px; text-align:right; color:#FFF; font-family:"Times New Roman";}
	.contEnder img{ display:inline; float:right; margin:5px 0 0 5px}
	
	/*Styles for City Services*/
	.cityServ{width:100%; height:auto; display:block; clear: both;}
	.cityServ .col{ width:50%; float:left;}
	.cityServ .col p{ line-height:15px;}
	
	
		/* applicaion forms */
		.marked{ width:auto; height:auto; font-size:16px; line-height:15px; padding:0; margin:0; color:#F00 }
		.divAppForm .formClear{width:100%; float:left; display:block; clear:both; margin-bottom:5px;}
		.divAppForm .portalLogin{ width:670px; margin:0;}
		.divAppForm p{ padding:0; margin:0}
		.divAppForm h3{ font-size:12px; line-height:20px; padding:5px 0}
		.divAppForm input[type="text"]{ width:118px; height:23px; border: 1px solid #CCC; padding:0 5px}
		.divAppForm input[disabled="true"]{font-size:11px; width:auto;}
		.divAppForm input[type="submit"]{ height:30px; line-height:30px; font-size:12px;}
		.divAppForm input[value="Sign This Form"]{ width:100%; margin-top:10px; cursor:pointer}
		.divAppForm textarea{ width:148px; height:100px; border: 1px solid #CCC; }
		
		.divAppForm .div100{width:100%; float:left; display:block; margin:0 0 3px 0; line-height:25px; }
		.divAppForm .div100 span.divAppId{width:345px; float:left; }
		
		.divAppForm .div50{width:345px; float:left; margin:0 0 3px 0; line-height:25px}
		.divAppForm .div50 span.divAppId{width:190px; float:left; background:#eee;}
		
		.divAppForm table{ border-bottom:10px solid #eee;}
		.divAppForm td{ line-height:20px; border-bottom:1px solid #CCC; background:#eee}
		.divAppForm td input[type="text"]{ width:70px; height:23px; border: none; border-left: 1px solid #CCC; border-right: 1px solid #CCC;}
	
	ul.accordion{ list-style:none; padding:0; line-height:24px;}
	.accordion li ul{ float:left; list-style:none}
	.accordion li { background: #fff; border-bottom: 1px solid #fff; float:left; clear:both; width:690px;}
	.accordion li:hover{ border-bottom:1px solid #ccc}
	.accordion li li { background: #eee; float:left; clear:both; width:680px; padding:0 5px}
	.accordion a { display:block; clear:both; padding:0 5px; height:24px; font-weight:bold; font-size:11px; background: #e1e1e1; color: #000; text-decoration: none; outline:none}
	.accordion div a{ height:auto; float:none; clear:none; font-weight:normal; font-size:11px; background:none; display:inline; color:#333; padding:0; margin:0; text-decoration:underline}
	.accordion div { width:680px; padding:5px; background: url(../images/search_grad.jpg) bottom repeat-x #e6e6e6; font-size: 11px; float:left; display:block; clear:both }
	.accordion li li div{width:670px;}
	.accordion div p{ width:100%; height:auto; display:block; clear:both; padding:0; margin:0 0 5px 0; line-height:15px}
	.accordion.tele div p strong{ border-bottom:1px solid #333}
	.accordion.tele div span{ width:300px; float:left; font-weight:normal; border-right:5px solid #ccc; padding-right:5px; margin-right:5px; font-style:italic; }
	
	.accordion.tender div span{ float:right; font-weight:normal; padding-right:5px;}
	.accordion.tender p{ border-bottom:1px solid #fff; line-height:20px;}
	.accordion.tender li p a{ color:#000066;}
	
	.accordion.appl li p a{font-size:12px; color:#000066; text-transform:uppercase; margin:10px 0 5px 0; float:left; line-height:20px;}
	.accordion.appl div span{float:left; padding:0; margin-right:5px; padding:0 5px; color:#333; border:1px solid #fff; font-size:10px;}
	.accordion.appl div span strong{ display:block; color:#333}
	.accordion.appl div span.where{ width:150px}
	.accordion.appl div span.who{ width:300px}
	.accordion.appl div span.attachment{ width:668px; margin: 5px 0 10px 0;}
	.accordion.appl div span.howmuch{ width:120px}
	
	.accordion li ol li,.accordion li ul li{width:600px; background:none;}
	
.socialLink{width:50px; height:40px; padding-left:40px; float:left; border:1px solid #CCC; line-height:40px; margin-right:5px; text-decoration:none; }
.contForm{}
.contForm p{ padding:5px 0}
.contForm input[type="text"]{ width:215px; height:25px; border:1px solid #CCC; line-height:25px; padding:0 5px;}
.contForm input[type="reset"], .contForm input[type="submit"]{ width:110px; border:none; height:25px; border:1px solid #999 !important; background:#ccc; color:#000 !important; cursor:pointer}
.contForm input[type="submit"]{ margin-right:5px}
.contForm textarea{ width:215px; height:100px; border:1px solid #CCC; padding:0 5px; line-height:20px; }
.contForm label{display:block; margin:2px 0px; padding:2px 0 2px 0px; }
.contForm span{float:left; width:85px; padding-right:5px; margin:0; text-align:right; font-weight:bold}
.no{ text-align:center; background:url(../images/ico_no.png) no-repeat; color:#C00; font-weight:bold}
.yes{ text-align:center; background:url(../images/ico_yes.png) no-repeat; color:#090; font-weight:bold}
p.red{ background:#F00; padding:10px; margin-top:10px; color:#FFF; font-size:12px; text-align:center}

/* STANDARD STYLES */

#formMessage{width:100%; height:100%; position:fixed; top:0; left:0; background: url(../images/bg.gif); z-index:100}
#formMessageBox{width:400px; padding:10px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -210px; background-color:#FFF; text-align:center; line-height:20px; /*outer shadow*/ -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc;}
p.yesPar,p.noPar{color:#FFF; text-align:center; line-height:20px;}
p.yesPar{background:#0C0; }
p.noPar{background:#C00; }
div.yesImg,div.noImg{width:20px; height:20px; margin:auto }
div.yesImg{background:url(../images/message_ico.png) left no-repeat;}
div.noImg{background:url(../images/message_ico.png) right no-repeat;}

.intouch{ width:200px; height:20px; line-height:20px; position:fixed; right:0; bottom:0; font-size:11px; z-index:0}
.intouch span{font-size:9px}
.intouch strong{ color:#F90}
a.intouchBox{width:105px; height:75px; position:fixed; bottom:-75px; right:-105px; z-index:1; outline:none}

.infoNotifications{ position:absolute; width:800px; height:400px; top:50%; left:50%; margin:-200px 0 0 -400px; background:#FFF; z-index:200; border:5px solid #040369; display:none; border-radius:5px 5px 5px 5px}
	.infoNotifications h2{ height:45px; font-family:"Times New Roman"; font-size:17px; background:url(../images/n_grad.jpg) repeat-x center top transparent; text-align:center; color:#fff; line-height:40px; position:relative}
	.infoNotifications .info_logo{width:125px; height:100px; background:url(../images/cow_logo.png) top; position:absolute; top:-60px; left:0;}
	.infoNotifications .info_head{width:200px; height:40px; position:absolute; left:50%; margin-left:-100px}
	
	.infoNotifications div{padding:5px 0; border-bottom: #9392f8 dashed 1px; font-size:11px; overflow:hidden; line-height:20px; }
	.infoNotifications div.scroller{width:100%; height:345px; overflow:auto; border:none}
	.infoNotifications h3{ width:350px; font-size:11px; float:left; font-weight:normal; padding:0 10px}

	.infoNotifications table{ width:100%; vertical-align:top}
	.infoNotifications table th{ padding:2px; text-align:left; border-bottom:2px solid #999}
	.infoNotifications table td{ padding:2px; border-bottom:1px solid #ccc}
	.infoNotifications table tr:nth-child(even){background:#f1f1f1}
	
	.whiteBackground{width:100%; height:100%; background:#CCC; opacity:0.8; position:absolute; left:0; top:0; z-index:150; display:none}
	
	.closeBtnFront{ height:40px; width:40px; position:absolute; top:5px; right:5px; background:url(../images/frontclose.png);}


/* (c) copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */