/* @override http://subs.environmentalleader.com/wp-content/themes/el4/css/ux.css */
/* ---------------------------------------------------------------------------- */
/* error boxes ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.warning,.error,.success,.question,.notice, .insider_notice, .download { padding:15px 15px 15px 70px; background-repeat:no-repeat; background-position:10px center; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; -webkit-box-shadow:0 2px 4px rgba(0,0,0,.7); -moz-box-shadow:0 2px 4px rgba(0,0,0,.7); box-shadow:0 2px 4px rgba(0,0,0,.7); margin:20px; text-align:left; position:relative;}
.warning { border:2px solid #d18819; background-image:url(images/icons/icon-warning-large.png); background-color:#FFFFCC; color:#660000; }
.error { border:2px solid #b04242; background-image:url(images/icons/icon-error-large.png); background-color:#f6d4d7; color:#660000; }
.success { border:2px solid #459a2a; background-image:url(images/icons/icon-success-large.png); background-color:#e0ffc7; color:#2a4f0b; }
.question { border:2px solid #637ec1; background-image:url(images/icons/icon-question-large.png); background-color:#dde2ee; color:#2e52aa; }
.notice { border:2px solid #232323; background-image:url(images/icons/icon-success-large.png); background-color:#f8f8f8; color:#222; }
.insider_notice { border:2px solid #f2f2f2; /*background-image:url(images/elpro64.gif); background-position: 10px 20px;*/ background-color:#f8f8f8; padding:15px 15px 15px 15px; }
p.promo_lead {margin-left: 70px ;}
.insider_notice a {color: blue;}
.download { border:2px solid #232323; 
/*background-image:url(images/icons/icon-success-large.png);*/ 
background-color:#f8f8f8; color:#222; }
.warning div,.error div,.success div,.question div,.notice div, .download div, .insider_notice div { border:10px solid transparent; height:0; width:0; position:absolute; bottom:-25px; left:75px; }
.warning div { border-top:15px solid #d18819; }
.error div { border-top:15px solid #b04242; }
.success div { border-top:15px solid #459a2a; }
.notice div { border-top:15px solid #232323; }
.insider_notice div { border-top:15px solid #232323; }
.question div { border-top:15px solid #637ec1; }
.download div { border-top:15px solid #637ec1; }

div.pagescontainer { padding:3px; margin:3px; text-align:right; color:#eee; }
div.pagescontainer a,div.pagescontainer span.ghost,div.pagescontainer span.current { font:bold 12px "Trebuchet MS", Arial, Helvetica,sans-serif; text-transform:uppercase; text-decoration:none; line-height:30px; letter-spacing:1px; color:#444; padding:3px 8px; height:30px; margin:2px; text-align:center; text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.4); border-top:1px solid rgba(255,255,255,0.4); border-right:1px solid rgba(0,0,0,0.4); border-left:1px solid rgba(255,255,255,0.4); border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; box-shadow:0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 1px 1px rgba(255,255,255,0.8); background:#ccc url(images/misc/transoverlay-matte.png) repeat-x; }
div.pagescontainer a:hover,div.pagescontainer a:active { background-color:#afc243; color:#fff!important; text-shadow:0 -1px 1px rgba(0,0,0,0.5); }
div.pagescontainer span.ghost { border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); border-left:1px solid rgba(0,0,0,0.1); background-color:#fff; color:#ccc; box-shadow:0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2); }
div.pagescontainer span.current { background-color:#5c7d98; color:#fff; text-shadow:0 -1px 1px rgba(0,0,0,0.5); }

/* --------------------
		Helpers
---------------------*/

.text_center {text-align:center;}
.text_right {text-align:right;}
.obj_right{float:right;}
.obj_left{float:left;}
.top_margin_10 {margin-top:10px;}
.top_margin_20 {margin-top:20px;}
.bottom_margin_10 {margin-bottom:10px;}
.bottom_margin_20 {margin-bottom:20px;}
.left_margin_10 {margin-left:10px;}
.left_margin_20 {margin-left:20px;}
.right_margin_10 {margin-right:10px;}
.right_margin_20 {margin-right:20px;}
.vpad_10 {padding:10px 0px;}
.vpad_20 {padding:20px 0px;}
.bg_lightgrey {background-color:#ddd}
.bg_mediumgrey {background-color:#aaa}
.bg_lightblue {background-color:#b0c4de}
.bg_mediumblue {background-color:#7e9ec7}
.bg_yellowgreen {background-color:#adff2f}
.bg_greenyellow {background-color:#9acd32}
.round_5 {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; }
.ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-corner-top { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-corner-right {  -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-corner-left { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-all { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }


.round_10 {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.round_15 {-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.round_20 {-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.blackborder {border:1px solid black;}
.blackborder_dotted {border:1px dotted black;}

.blackborder_inner {-moz-box-shadow:inset 0 0 0 1px #000; -webkit-box-shadow:inset 0 0 0 1px #000; box-shadow:inset 0 0 0 1px #000;}
.hiddentext {text-indent:-10000px;}
.shadow_out_0{-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
.shadow_out_2{-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);}
.shadow_out_4{-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);}
.shadow_in_0{-moz-box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.5); box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.5);}
.shadow_in_2{-moz-box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.5); box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.5);}
.shadow_in_4{-moz-box-shadow:inset 0 4px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow:inset 0 4px 8px rgba(0, 0, 0, 0.5); box-shadow:inset 0 4px 8px rgba(0, 0, 0, 0.5);}
.clear {clear:both;}