/*  Main MLB CSS   */

/*
JZ CSS file organization
-----------------
[1] General
All general items

[2] Header
All things specific to the header

[4] Main Content
All things specific to the main content

[7] Footer
Things which are page and section specific.

Questions/Comments: Email jzelazny@sandboxdev.com
*/


/*---------[1]General---------*/


/* generic link styles */
.no-underline a, .no-underline a:visited {text-decoration:none;}
.no-underline a:hover, .no-underline a:active, .underline {text-decoration:underline;}


/* display styles for layout */
.hide{display:none;}
.left{float:left;} 
.right{float:right;}
.left25{float:left;width:20%;margin-right:10px;}
.left45{float:left;width:40%;margin-right:10px;} 
.left50{float:left;width:45%;margin-right:10px;} 
.left55{float:left;width:50%;margin-right:10px;} 
.left60{float:left;width:55%;margin-right:10px;} 
.right40{float:right;width:35%;}
.right50{float:right;width:45%;}
.right45{float:right;width:40%;}
.right75{float:right;width:70%;}
.clear, .clearjz{float:none; clear:both;} 
.unclear{clear:none;}
.block{float:none; clear:both; overflow:hidden; height:1%;}
.noborder{border:0 none;} .nopadding{padding:0;} .nomargin{margin:0;}
.inline {display:inline;}
.block {display:block;}

.detail{font-weight:normal;color:#666;font-size:.95em;}

.textLeft {text-align:left;}
.textRight {text-align:right;}
.textCenter {text-align:center;}

.verticalBottom {vertical-align:bottom;}
.verticaltop {vertical-align:top;}

.lhNormal {line-height:normal;}
.fwNormal {font-weight:normal;}

.listNone {list-style:none;}

.fs12 {font-size:1.2em;}

/* generic widths/heights */
.width100 {width:100%;}
.width90 {width:90%;}
.width80 {width:80%;}
.width70 {width:70%;}
.width65 {width:65%;}
.width60 {width:60%;}
.width50 {width:50%;}
.width49 {width:49%;}
.width48 {width:48%;}
.width47 {width:47%;}
.width45 {width:45%;}
.width40 {width:40%;}
.width35 {width:35%;}
.width33 {width:33%;}
.width32 {width:32%;}
.width30 {width:30%;}
.width25 {width:25%;}
.width20 {width:20%;}
.width10 {width:10%;}

.width150px {width:150px;}
.width250px {width:250px;}
.width300px {width:300px;}

.height150px {height:150px;}

/* generic colors */
.red, a.red, .required, .error, .unread  {color:#f00;}
.grey, .read {color:#666;}
.green, a.green, .success {color:#328F00;}
.orange, a.orange {color:#328F00;}
.darkGrey {color:#4a4a4a;}

.linkBlue {color:#0066ff;}
.blue {color:#0188b3;}
.mlbBlue {color:#115a7c;}
/* generic margins/padding */

.p10 {padding:10px;}

.mt5 {margin-top:5px;}
.mb5 {margin-bottom:5px;}
.ml5 {margin-left:5px;}
.mr5 {margin-right:5px;}
.mt10 {margin-top:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}
.mt20 {margin-top:20px;}
.mr20 {margin-right:20px;}
.ml20 {margin-left:20px;}
.mb20 {margin-bottom:20px;}
.ml25 {margin-left:25px;}
.mb25 {margin-bottom:25px;}
.mt15 {margin-top:15px;}
.mb15 {margin-bottom:15px;}
.ml15 {margin-left:15px;}
.pt20 {padding-top:20px;}
.pl10 {padding-left:10px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pr15 {padding-right:15px;}
.pr10 {padding-right:10px;}
.pr5 {padding-right:5px;}


/*---------[2]Main Content---------*/

#widgets {background: #2992c1 url("/www/images/widgetbg.jpg") repeat-x left top; display:block; overflow:hidden; clear:both;width:100%; height:380px;}
#widgets div.close{padding-top:0; margin:10px 10px 0 0;}
#widgets div.close p{margin:0;}
#widgets div.close p a{display:block; float:right; width:23px; height:23px;background:transparent url("/www/images/buttons/btn_close.gif") no-repeat left top;}

#content {width:100%; text-align:left; background:#fff;}

.page {padding:15px 20px 25px 20px;background:#fff;}
.page h1 {font-size: 2.4em;line-height:normal;font-weight:normal;margin:0 0 5px 0;padding:0;color:#115A7C;}
.page h3 {font-size: 1.4em;line-height:normal;margin-top:10px;}

#formSearch p input, #formSearch p select {float:left;margin-right:3px; vertical-align:middle;}
#formSearch select.width100 {width:auto;}

.dashed {border-top: 1px dashed #ccc;margin-top:10px;width:100%;display:block;height:5px;padding-top:10px;}

.pagination {display:block; width:100%;border-top:1px solid #ddd; border-bottom:1px solid #ddd;margin-bottom:15px;}
.pagination p {color:#666;line-height:25px;height:25px;margin:0;padding:0;}

p.alphaPagination {line-height:25px;height:25px;margin:0;padding:0;}

.paging { border-bottom:#ccc 1px solid;border-top:#ccc 1px solid;padding:5px;font-size:1em;color:#666;height:auto;}
.paging a {color:#00CC00;text-decoration:none;}
.paging a:hover {color:#CC6600;text-decoration:underline;}
.paging .left {width:33%;float:left;}
.paging .center {width:33%;float:left;text-align:center;}
.paging .right {width:33%;float:right;text-align:right;}

.optionsFooter {margin-top:25px;padding:15px 0 15px 0; border-top:1px solid #ddd; width:100%;display:block;height:40px;}

/* grey expandable buttons */

.jzButtonGroup {margin:15px 0 15px 0;display:block;clear:both; height:30px;}
.jzButtonGroup a, .jzbutton {text-decoration:none !important;}

a.jzbutton {background: transparent url("/www/images/buttons/jz_bg_button_a.gif") no-repeat scroll top right;color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px;}
a.jzbutton span {background: transparent url("/www/images/buttons/jz_bg_button_span.gif") no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px;color: #444;}
a.jzbutton:active {background-position: bottom right;color: #000;outline: none;color: #444;}
a.jzbutton:active span {background-position: bottom left;padding: 6px 0 4px 18px;color: #444;}
a.jzbutton:hover, a.jzbutton:visited {color: #444;}

/* pop-ups */
#jzpopup {position: absolute;display: none;padding:10px;z-index: 10; width: 200px;background: #eee;border: 2px solid #808080;opacity: .90;filter: alpha(opacity=90);}
#jzpopup h2 {color:#0066ff;font-size:1.2em;}
#jzpopup p {margin-top:10px;color:#808080;}


/* errors/processing */

div.success {color:#FF3300; font-size:13px; cursor:help;}
.success p {margin:0 0 1em 0; padding:5px 0 5px 30px;background:transparent url("/www/images/icons/tick.gif") no-repeat left center;}

div.error {color:#FF3300;font-size:13px;cursor:help;}
.error p {margin:0 0 1em 0; padding:5px 0 5px 30px;background:transparent url("/www/images/icons/warning.gif") no-repeat left center;}



p.processing{display:block; float:none; clear:both; width:20px; height:20px; background:transparent url("/www/images/processing.gif") no-repeat center center;}
p.processing.center{margin:0 auto;}
p.processing span{display:none; visibility:hidden;}

/* overlays */
#overlay, #overlay3 {display:table; position:absolute; left:0px; top:0px; z-index:5000;width:100%; height:1500px; margin:0; padding:0; color:#fff; overflow:hidden; cursor:default;background:transparent url("/www/images/overlaybg.png") repeat left top;}

#overlay a,#overlay3 a {font-weight:bold; text-decoration:none;}
#overlay a:hover,#overlay3 a:hover {text-decoration:underline;}
#overlay .close,#overlay3 .close {display:block;text-align:center; margin:20px 0 0 0; padding:0;background-color:#ccc;width:100%;}
#overlay .close a, #overlay .close a:visited,#overlay3 .close a, #overlay3 .close a:visited {display:block;color:#fff;border:0 none; padding:2px 0;text-transform:uppercase;height:20px;line-height:20px;vertical-align:middle;text-decoration:none;}
#overlay .close a:hover,#overlay3 .close a:hover  {display:block;background-color:#023751; color:#fff;}
	 
#overlay #alerts, #overlay3 #widgets, #overlay3 #alerts {display:block; height:auto;width:450px;  z-index:5000; margin:250px auto;border:3px solid #ccc; background-color:#fff; color:#000;}
#overlay #alerts div, #overlay #alerts h3, #overlay3 #alerts div, #overlay3 #alerts h3  {padding:15px 15px 0 15px;}




#jzalert {background:#fff;margin:200px; border:#999 3px solid; padding:20px; color:#333;}
#jzalert form label {display: inline-block; color:#444;}
#jzalert h1 {line-height:normal;}
#jzalert p {margin:10px 0 10px 0;}


/* forms */

.formFooter {margin:25px 0 25px 0;padding-top:15px; border-top:1px dashed #ccc; width:100%;clear:both;float:left;}
.formFooter .mandatory {float:left;}
.formFooter .cancelSubmit {float:right;}