Warning: Undefined array key "HTTP_ACCEPT_ENCODING" in /home/madabapl/public_html/umayri/combine.php on line 99
Warning: Undefined array key "HTTP_ACCEPT_ENCODING" in /home/madabapl/public_html/umayri/combine.php on line 100
Warning: Cannot modify header information - headers already sent by (output started at /home/madabapl/public_html/umayri/combine.php:99) in /home/madabapl/public_html/umayri/combine.php on line 127
Warning: Cannot modify header information - headers already sent by (output started at /home/madabapl/public_html/umayri/combine.php:99) in /home/madabapl/public_html/umayri/combine.php on line 128
@charset "utf-8";
/* LAYOUT
---------------------------------- */
html {
height:100%;
}
body {
text-align:center;
cursor:default;
font-family:"Lucida Grande","Trebuchet MS",Verdana,Arial,Sans-serif;
font-size:13px;
color:#7b5a3d;
line-height:21px;
background:url(/umayri/img/bg_body.jpg) #3C2008 center top no-repeat;
}
body#home {background:url(/umayri/img/bg_bodyhome.jpg) #3C2008 center top no-repeat;}
body, #header, #content, #footer {margin:0; padding:0;}
#container, body#content {
text-align:left;
width:960px;
margin:0 auto;
overflow:hidden;
}
body#content { overflow: auto; }
#header {
float:left;
width:960px;
height:130px;
background:url(/umayri/img/bg_header.jpg) 0 0 no-repeat;
}
#content {
float:left;
width:890px;
height:auto;
min-height:500px;
padding:20px 35px 0;
background:url(/umayri/img/bg_content.png) 0 0 repeat-y;
position:relative;
}
#footer {
float:left;
width:960px;
height:45px;
background:url(/umayri/img/bg_footer.png) 0 0 no-repeat;
}
#endcap {
float:left;
width:960px;
height:auto;
margin-bottom:25px;
padding:0;
}
.noshow {display:none;}
a {outline:none;}
img {border-style:none;}
/* HEADER
---------------------------------- */
/* Social + Search */
#topbar {
float:left;
display:inline;
width:960px;
height:30px;
padding:0;
margin:0;
background:url(/umayri/img/bg_topbar.jpg) 0 0 no-repeat;
overflow:visible;
}
#social {
float:left;
margin:0;
padding:0;
width:auto;
height:30px;
list-style:none;
}
#social li {
float:left;
display:inline;
margin:0;
padding:0;
height:30px;
}
#social li a, #social li a span {
display: block;
margin:0;
text-indent:-9999px;
background:url(/umayri/img/sprite_social.png) no-repeat;
}
#social li a span {
height:30px;
width:100%;
z-index:100;
}
#social li a, #social li a:hover {border:none !important}
.facebook {margin: 0 0 0 143px !important;}
#social li a.facebook {width:88px; background-position: 0 0}
#social li a.twitter {width:79px; background-position: 0 -30px}
#social li a.facebook span {background-position: -88px 0}
#social li a.twitter span {background-position: -79px -30px}
#search {
float:right;
display:inline;
width:177px;
height:24px;
margin:3px 33px 0 0;
padding:0;
}
.form {
width:177px;
margin:0;
padding:0;
}
.form input {
font-size:12px;
font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;
}
.form input.text, .form input.go {background:url(/umayri/img/sprite_search.png) no-repeat;}
.form input.text {
float:left;
width:140px;
height:16px;
color:#6f4f2a;
border:none !important;
outline:none !important;
margin:0;
padding:4px 5px;
line-height:18px;
background-position:0 0;
}
.form input.text.active {
color:#c8a175 !important;
background-position:0 -24px;
}
.form input.go {
float:right;
width:27px;
height:24px;
margin:0;
padding:0;
background-position:-150px 0;
border:none !important;
}
.form input.go:hover {background-position:-150px -24px;}
/* Logo */
#logo, #logo-alt {
float:left;
display:block;
margin:0;
padding:0;
width:570px;
height:130px;
}
#logo a, #logo-alt a {
float:left;
display:inline;
margin:0;
padding:0;
width:570px;
height:130px;
}
#logo a {background:url(/umayri/img/logo.jpg) 0 0 no-repeat;}
#logo-alt a {background:url(/umayri/img/logo-alt.jpg) 0 0 no-repeat;}
/* NAVIGATION
---------------------------------- */
/* Main Menu */
#mainnav {
float:left;
margin:15px 0 0 0;
padding:0;
width:390px;
height:100px;
list-style:none;
}
#mainnav li {
float:left;
display:inline;
margin:0;
padding:0;
height:100px;
}
#mainnav li a, #mainnav li a span {
display: block;
margin:0;
text-indent:-9999px;
background:url(/umayri/img/sprite_mainnav.jpg) no-repeat;
}
#mainnav li a span {
height:100px;
width:100%;
z-index:100;
}
#mainnav li a, #mainnav li a:hover {border:none !important}
.home {margin: 0 0 0 12px !important;}
#mainnav li a.home {width:89px; background-position:0 0}
#mainnav li a.contact {width:115px; background-position:-89px 0}
#mainnav li a.getinvolved {width:163px; background-position:-204px 0}
#mainnav li a.home span {background-position:0 -100px}
#mainnav li a.contact span {background-position:-89px -100px}
#mainnav li a.getinvolved span {background-position:-204px -100px}
/* CONTENT
---------------------------------- */
/* Home Page Feature */
#feature {
float:left;
display:inline;
width:960px;
height:339px;
margin:0;
padding:0;
background:url(/umayri/img/bg_feature.jpg) 0 0 no-repeat;
}
#portals {
float:left;
margin:19px 0 0 6px;
padding:0;
width:auto;
height:269px;
list-style:none;
}
#portals li {
float:left;
display:inline;
margin:0 0 0 28px;
padding:0;
width:170px;
height:269px;
}
#portals li a {width:170px; height:269px;}
#portals li a, #portals li a span {
display: block;
margin:0;
text-indent:-9999px;
}
#portals li a span {
height:269px;
width:100%;
z-index:100;
}
#portals li a, #portals li a:hover {border:none !important;}
#portals li a.p1 {background:url(/umayri/img/feat_hisban.png) 0 0 no-repeat;}
#portals li a.p2 {background:url(/umayri/img/feat_umayri.png) 0 0 no-repeat;}
#portals li a.p3 {background:url(/umayri/img/feat_jalul.png) 0 0 no-repeat;}
#portals li a.p1 span {background:url(/umayri/img/feat_hisban.png) -170px 0 no-repeat;}
#portals li a.p2 span {background:url(/umayri/img/feat_umayri.png) -170px 0 no-repeat;}
#portals li a.p3 span {background:url(/umayri/img/feat_jalul.png) -170px 0 no-repeat;}
/* Home Content */
p.intro {
float:left;
display:inline;
width:274px;
height:311px;
margin:0 0 0 30px;
padding:14px 10px 14px 16px;
overflow:hidden;
line-height:1.4em;
font-size:15px;
letter-spacing:.05em;
color:#e7d3be;
text-shadow:0px 1px 2px #332008;
}
p.intro .thick {letter-spacing:-.01em; color:#7dd7d8;}
#homeboxtop {
float:left;
display:inline;
width:960px;
height:6px;
line-height:0px;
margin:0;
padding:0;
background:url(/umayri/img/bg_homeboxtop.png) 0 0 no-repeat;
}
.homeboxleft {float:left; display:inline; padding:0; width:570px;}
.homeboxright {float:left; display:inline; margin-left:29px; padding:0; width:291px;}
#map {
float:left;
display:inline;
margin:0;
padding:0;
width:290px;
height:360px;
}
#map a {
width:290px;
height:360px;
}
#map a, #map a span {
display: block;
margin:0;
text-indent:-9999px;
background:url(/umayri/img/map.jpg) no-repeat;
}
#map a span {
height:360px;
width:100%;
z-index:100;
}
#map a, #map a:hover {border:none !important;}
#map a {background-position:0 0;}
#map a span {background-position:-290px 0;}
#pbuttons {
float:left;
margin:0 0 20px 0;
padding:0;
width:570px;
height:48px;
list-style:none;
}
#pbuttons li {
float:left;
display:inline;
margin:0 20px 0 0;
padding:0;
width:167px;
height:48px;
}
#pbuttons li a {
width:167px;
height:48px;
}
#pbuttons li a, #pbuttons li a span {
display: block;
margin:0;
text-indent:-9999px;
background:url(/umayri/img/pbuttons.jpg) no-repeat;
}
#pbuttons li a span {
height:48px;
width:100%;
z-index:100;
}
#pbuttons li a, #pbuttons li a:hover {border:none !important;}
#pbuttons li a.p1 {background-position:0 0;}
#pbuttons li a.p2 {background-position:-167px 0;}
#pbuttons li a.p3 {background-position:-334px 0;}
#pbuttons li a.p1 span {background-position:0 -48px;}
#pbuttons li a.p2 span {background-position:-167px -48px;}
#pbuttons li a.p3 span {background-position:-334px -48px;}
/* Image Aligns and Styling */
.alignleft, img.alignleft, a img.alignleft {float:left; margin:0 30px 20px 0;}
.alignright, img.alignright, a img.alignright {float:right; margin:0 0 20px 30px;}
#content img, #content a img {
padding:4px;
border:1px solid #C3AC8F;
background-color:#FFF;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
#content img:hover, #content a img:hover {
border:1px solid #7B5A3D;
background-color:#FFF;
-moz-box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
-webkit-box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
}
/* Text H1,H2,H3,H4,H5,H6,P,BLOCKQUOTE,ETC. */
h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table,form{margin:0 0 20px;}
h1{font-size:28px;}
h2{font-size:24px; border-bottom:2px dotted #e3d0b6;}
h3{font-size:21px;}
h4{font-size:18px;}
h5{font-size:16px;letter-spacing:.5px;}
h6{font-size:13px;letter-spacing:-.25px; text-transform:uppercase; line-height:1.4em;}
span.note {font-size:10px;}
pre,code{font-family:mono-space,monospace; white-space:pre; overflow:auto; padding:10px 15px;}
pre{padding:5px;}
code{background-color:#fffcf8; display:block; border:1px solid #EDDBC3;}
xmp {margin:0; display:inline;}
blockquote {
float:right;
color:#ac8a6d;
font-size:15px;
font-weight:bold;
letter-spacing:0;
line-height:25px;
margin:15px;
padding:0 0 0 15px;
width:33%;
border-left:4px dotted #e3d0b6;
}
.mini {font-size:92%;}
.big {font-size:116%;}
.thick {font-size:112%;}
.red {color:#af3535 !important;}
.brown {color:#573a11 !important;}
.teal {color:#1e9a9b !important;}
.nopad {margin-bottom:0px !important;}
.fivepad {margin-bottom:5px !important;}
.tenpad {margin-bottom:10px !important;}
#content h1 a:link, #content h1 a:visited, #content h2 a:link, #content h2 a:visited,
#content h3 a:link, #content h3 a:visited, #content h4 a:link, #content h4 a:visited,
#content h5 a:link, #content h5 a:visited, #content h6 a:link, #content h6 a:visited,
#content table a:link, #content table a:visited,
#content p a:link, #content p a:visited,
#content ol li a:link, #content ol li a:visited,
#content dd a:link, #content dd a:visited,
#content blockquote a:link, #content blockquote a:visited,
#content .dotlist a:link, #content .dotlist a:visited,
#content .checklist a:link, #content .checklist a:visited,
#content .arrowlist a:link, #content .arrowlist a:visited
{
color:#7b5a3d;
text-decoration:none !important;
border-bottom:2px solid #e3d0b6;
}
#content h1 a:hover, #content h1 a:active, #content h2 a:hover, #content h2 a:active,
#content h3 a:hover, #content h3 a:active, #content h4 a:hover, #content h4 a:active,
#content h5 a:hover, #content h5 a:active, #content h6 a:hover, #content h6 a:active,
#content table a:hover, #content table a:active,
#content p a:hover, #content p a:active,
#content ol li a:hover, #content ol li a:active,
#content dd a:hover, #content dd a:active,
#content blockquote a:hover, #content blockquote a:active,
#content .dotlist a:hover, #content .dotlist a:active,
#content .checklist a:hover, #content .checklist a:active,
#content .arrowlist a:hover, #content .arrowlist a:active
{color:#1e9a9b; border-bottom:none; border-bottom:2px dotted #e3d0b6;}
.divider, hr {background:url(/umayri/img/line.gif) repeat-x scroll center bottom;}
.divider {
clear:both;
display:block;
margin-bottom:30px;
padding-top:15px;
width:100%;
}
.top {
font-size:8px;
line-height:10px;
text-align:center;
position:relative;
font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;
}
.top a {
background:#FEF5E9 none repeat scroll 0 0;
color:#d6bd9d;
width:auto;
height:12px;
position:absolute;
padding:0 0 0 4px;
top:7px;
right:0;
background-color:#FEF5E9;
text-decoration:none;
text-shadow:0 1px 0 #fff;
-webkit-text-shadow:0 1px 0 #fff;
-moz-text-shadow:0 1px 0 #fff;
border-left:1px solid #fdfaf7;
box-shadow:-1px 0 0 #eddbc3;
-webkit-box-shadow:-1px 0 0 #eddbc3;
-moz-box-shadow:-1px 0 0 #eddbc3;
}
.top a:hover {
color:#b9a080;
}
.clearboth {clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;}
/* Tables */
table {
border-collapse:separate;
border-spacing:0;
width:100%;
margin-bottom:20px;
border:1px solid #eddbc3;
border-bottom:none;
}
table, td, th {vertical-align:middle;}
th {font-size:11px; text-transform:uppercase;}
td {font-size:13px;; color:#ac8a6d;}
th, td {padding:10px; border-top:1px solid #fdfaf7; border-bottom:1px solid #eddbc3;}
th {background-color:#f7ebdc;}
tr:hover {background-color:#f7ebdc;}
/* Layout Boxes and Box Styles */
.fullwidth {width:890px; margin-right:0; margin-bottom:25px; float:left;}
.onehalf {width:430px;}
.onethird {width:276px;}
.twothird {width:583px;}
.onefourth {width:200px;}
.threefourth {width:660px;}
.onehalf, .onethird, .twothird, .threefourth, .onefourth {margin-right:30px; margin-bottom:25px; float:left;}
.last {margin-right:0 !important; clear:right;}
/* IMPORTANT: Do not use the below classes with any other element than the infoboxes.
The widths are set to cater to the 75px padding and 2px border on the infoboxes (77px total) */
.half, .third, .fourth {float:left;}
.half {width:353px;}
.third {width:199px;}
.fourth {width:123px;}
/* END IMPORTANT */
.infobox, .helpbox, .alertbox, .warningbox {
margin:0 30px 30px 0;
padding:15px 15px 15px 60px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border-style:solid;
border-width:1px;
-moz-box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
-webkit-box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
font-size: 1.3em;
}
.infobox {
background:url(/umayri/img/info.png) #bfe4f9 no-repeat scroll 15px 10px;
border-color:#68a2cf;
color:#2e6093;
}
.infobox a:link, .infobox a:visited {
color: #2e6093 !important;
text-decoration: underline !important;
font-weight: bold !important;
}
.infobox a:hover, .infobox a:active {
text-decoration: none !important;
}
.helpbox {
background:url(/umayri/img/help.png) #dee3ab no-repeat scroll 15px 10px;
border-color:#a3c159;
color:#5e6f33;
}
.helpbox a:link, .helpbox a:visited {
color: #5e6f33 !important;
text-decoration: underline !important;
font-weight: bold !important;
}
.helpbox a:hover, .helpbox a:active {
text-decoration: none !important;
}
.alertbox {
background:url(/umayri/img/alert.png) #fdebae no-repeat scroll 15px 10px;
border-color:#e6c555;
color:#9e660d;
}
.alertbox a:link, .alertbox a:visited {
color: #9e660d !important;
text-decoration: underline !important;
font-weight: bold !important;
}
.alertbox a:hover, .alertbox a:active {
text-decoration: none !important;
}
.warningbox {
background:url(/umayri/img/warning.png) #ffcccc no-repeat scroll 15px 10px;
border-color:#ff9999;
color:#c31b00;
}
.warningbox a:link, .warningbox a:visited {
color: #C31B00 !important;
text-decoration: underline !important;
font-weight: bold !important;
}
.warningbox a:active, .warningbox a:hover {
text-decoration: none !important;
}
/* Button Links */
button, .button, a.button, button:visited, .button:visited, a.button:visited {
font-family:Verdana,sans-serif;
background: #7A593C; /* old browsers */
background: -moz-linear-gradient(top, #7A593C 0%, #5A381B 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7A593C), color-stop(100%,#5A381B)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7A593C', endColorstr='#5A381B',GradientType=0 ); /* ie */
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 1px 0 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 4px rgba(60, 33, 9, 0.5);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 1px 0 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 4px rgba(60, 33, 9, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 1px 0 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 4px rgba(60, 33, 9, 0.5);
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
filter: dropshadow(color=#000000, offx=0, offy=-1);
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:1px solid #3c2109 !important;
margin:0 10px 0 0;
text-transform:uppercase;
font-weight:normal !important;
font-size:12px;
font-style:normal;
font-variant:normal;
color:#EADCC9 !important;
width:auto;
}
button {height:28px;}
button, .button, a.button {display:inline-block;}
button {padding:0 8px 3px;} /* regular padding for html button elements */
.button, a.button {padding:2px 11px 3px;} /* increased padding for a:links with .button class and no height declaration */
button:hover, .button:hover, a.button:hover {
background: #6B4628; /* old browsers */
background: -moz-linear-gradient(top, #87674B 0%, #6B4628 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87674B), color-stop(100%,#6B4628)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87674B', endColorstr='#6B4628',GradientType=0 ); /* ie */
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 1px 0 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 4px rgba(60, 33, 9, 0.5);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 1px 0 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 4px rgba(60, 33, 9, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 1px 0 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 4px rgba(60, 33, 9, 0.5);
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
filter: dropshadow(color=#000000, offx=0, offy=-1);
color:#FEF5E9 !important;
}
button:active, .button:active, a.button:active {
background: #87674B; /* old browsers */
background: -moz-linear-gradient(top, #6B4628 0%, #87674B 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6B4628), color-stop(100%,#87674B)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6B4628', endColorstr='#87674B',GradientType=0 ); /* ie */
}
button::-moz-focus-inner, .button::-moz-focus-inner, button:focus, .button:focus, a.button:focus button:active, .button:active, a.button:active {outline:none;}
/* IE6 */
*html button, *html input.button {
overflow: visible;
width:0;
padding-bottom: 0px !important;
}
/* IE7 */
*:first-child+html button, *:first-child+html input.button {
overflow: visible;
width:auto !important;
padding-bottom: 0px !important;
}
/* List Styles */
ul.dotlist, ul.checklist, ul.arrowlist, div#accordion h3 {
padding-left:10px;
list-style:none;
}
ul.dotlist li, ul.checklist li, ul.arrowlist li {padding:0 0 4px 22px;}
ul.dotlist li {background: url(/umayri/img/dot.png) 0 3px no-repeat;}
ul.checklist li {background: url(/umayri/img/check.png) 0 3px no-repeat;}
ul.arrowlist li, div#accordion h3 {background: url(/umayri/img/arrow.png) 0 3px no-repeat;}
/* Form Styles */
#content form {
margin-bottom:25px;
padding:0;
}
#content form p {
margin:0 0 8px 0;
padding:0;
height:28px;
position:relative;
}
#content form input[type="text"], #content form input[type="password"], #content form textarea {
float:left;
display:inline;
margin:0 0 0 20px;
padding:5px 8px 5px 8px;
font-family:"Lucida Grande","Trebuchet MS",Verdana,Arial,Sans-serif;
font-size:13px;
color:#C3AC8F;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:1px solid #C3AC8F;
background-color:#fff;
}
#content form input[type="radio"], #content form input[type="checkbox"] {
float:left;
margin:6px 0 0 7px;
}
#content form p.rbutton, #content form p.checkbox {
float:left;
width:27px;
height:26px;
margin:0 0 0 20px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:1px solid #C3AC8F;
background-color:#fff;
}
#content form p.auto {height:auto !important;}
#content form div.radio, #content form div.check {
margin:0 0 8px 0;
padding:0;
height:28px;
width:100%;
}
#content form div.radio label, #content form div.check label {
float:left;
color:#7B5A3D;
margin:0 0 0 5px;
width:auto;
}
#content form select {
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
background-color:#fff;
border:1px solid #C3AC8F;
color:#7B5A3D;
font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
font-size:13px;
outline:none !important;
margin:0 0 3px 20px;
height:28px;
padding:2px 4px;
}
.onehalf input[type="text"], .onehalf input[type="password"], .onehalf textarea {width:371px !important;}
.onethird input[type="text"], .onethird input[type="password"], .onethird textarea {width:218px !important;}
#content form input[type="text"], #content form input[type="password"] {
height:16px;
}
#content form textarea {
margin-bottom:8px;
height:100px; /* If you change textarea height you MUST also change the height for p.textarea below */
overflow:auto;
}
#content form p.textarea {
margin:0;
height:116px; /* This MUST be 16px more than the above height value */
}
#content form label {
height:22px;
color:#C3AC8F;
font-size:13px;
margin:0 0 0 20px;
padding:3px 8px;
}
#content form input[type="text"]:focus, #content form input[type="password"]:focus, #content form textarea:focus {
color:#7B5A3D;
border-color:#7B5A3D;
-moz-box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
-webkit-box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
outline:none 0 !important;
}
#content form input.button {padding:3px 9px 4px !important;}
.floatleft {float:left; margin-right:30px;}
.floatright {float:right; margin-left:30px;}
*:first-child+html #content form textarea, *html #content form textarea {overflow:hidden;} /* IE Specific */
/* FOOTER
---------------------------------- */
#flinks {
float:left;
margin:6px 0 0 0;
padding:0;
width:960px;
height:29px;
list-style:none;
}
#flinks li {
float:left;
display:inline;
margin:0;
padding:0;
height:29px;
}
#flinks li a, #flinks li a span {
display: block;
margin:0;
text-indent:-9999px;
background:url(/umayri/img/sprite_flinks.png) no-repeat;
}
#flinks li a span {
height:29px;
width:100%;
z-index:100;
}
#flinks li a, #flinks li a:hover {border:none !important}
.home {margin: 0 0 0 14px !important;}
.andrews {margin: 0 0 0 156px !important;}
#flinks li a.home {width:69px; background-position:0 0}
#flinks li a.contact {width:89px; background-position:-69px 0}
#flinks li a.getinvolved {width:120px; background-position:-158px 0}
#flinks li a.sitemap {width:85px; background-position:-278px 0}
#flinks li a.privacy {width:81px; background-position:-363px 0}
#flinks li a.andrews {width:166px; background-position:-444px 0}
#flinks li a.lasierra {width:165px; background-position:-610px 0}
#flinks li a.home span {background-position:0 -29px}
#flinks li a.contact span {background-position:-69px -29px}
#flinks li a.getinvolved span {background-position:-158px -29px}
#flinks li a.sitemap span {width:85px; background-position:-278px -29px}
#flinks li a.privacy span {width:81px; background-position:-363px -29px}
#flinks li a.andrews span {width:166px; background-position:-444px -29px}
#flinks li a.lasierra span {width:165px; background-position:-610px -29px}
#endcap p {
text-align:center;
margin:0;
padding:0;
font-size:11px;
color:#795b36;
}
#accordion h3 {
cursor: pointer;
margin-bottom: 8px;
}
#accordion h3 + div {
padding: 0px 8px 0px;
border-right: 1px #7b5a3d dotted;
border-bottom: 1px #7b5a3d dotted;
border-left: 1px #7b5a3d dotted;
margin-bottom: 20px;
}
.album-title {
color: #300;
font-size: 1.8em;
font-weight: normal;
margin-bottom: 5px;
}
.album-description {
margin-bottom: 80px;
}
.album-wrap {
display: block;
width: 99%;
position: relative;
margin-top: 70px;
}
.thumbnail-wrap {
text-align: center;
position: relative;
float: left;
margin-bottom: 65px;
margin-right: 20px;
width:155px;
height:155px;
}
.thumbnail-frame {
border: 1px solid #e6e6e6;
padding: 5px;
margin: 5px;
position: absolute;
bottom: 0;
left: 0;
width:155px;
}
.thumbnail-frame:hover {
border: 1px solid #808080;
}
.thumbnail-frame a {
border-style: none;
}
.thumbnail-frame a:hover {
}
.thumbnail-frame img {
margin: auto;
border: none;
}
.thumbnail-caption {
font-size: 0.8em;
margin: 3px 0 0 0;
padding: 0;
width: 100%;
display: block;
line-height: 1.2em;
}
div.dark_rounded .button {
text-decoration: none;
position:absolute;
right:0;top:0;
display:block;
}
/* GLOBAL
---------------------------------- */
body {background:url(/umayri/img/bg_bodyportal.jpg) #3C2008 center top no-repeat;}
#container {position:relative;}
#content {padding-top:70px;}
#plogo {
position:absolute;
top:30px;
left:0;
margin:0;
padding:0;
width:175px;
height:180px;
z-index:100;
}
#plogo a, #plogo a span {
display:block;
margin:0;
text-indent:-9999px;
padding:0;
height:180px;
}
#plogo a span {width:100%;}
#plogo a, #plogo a:hover {border:none !important}
#psocial {
position:absolute;
top:160px;
right:10px;
margin:0;
padding:0;
width:95px;
height:50px;
list-style:none;
z-index:100;
}
#psocial li {
float:left;
display:inline;
margin:9px 0 0 0;
padding:0;
height:32px;
}
#psocial li a, #psocial li a span {
display: block;
margin:0;
text-indent:-9999px;
width:32px;
height:32px;
}
#psocial li a, #psocial li a:hover {border:none !important}
.pfb {margin:0 0 0 11px !important;}
.ptw {margin:0 0 0 9px !important;}
#psocial li a.pfb {background-position: 0 0 !important;}
#psocial li a.ptw {background-position: 0 -32px !important;}
#psocial li a.pfb span {background-position: -32px 0 !important;}
#psocial li a.ptw span {background-position: -32px -32px !important;}
#pnav {
position:absolute;
top:0;
left:20px;
margin:0;
padding:0;
width:920px;
height:68px;
list-style:none;
z-index:10;
}
#pnav li {
float:left;
display:inline;
margin:1px 0 0 0;
padding:0;
height:48px;
border-right:1px solid transparent;
border-left:1px solid transparent;
}
#pnav li a {
display:block;
margin:0;
height:18px;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
#pnav li.phome, #pnav li.ptop {height:50px; border:none !important;}
#pnav li.phome {
float:left;
display:inline;
margin:0 8px 0 0;
padding:0;
}
#pnav li.phome a {
display: block;
width:119px;
height:20px;
margin:0;
padding:14px 11px 16px 20px !important;
text-align:center;
}
#pnav li.phome a:hover {
background-position: -150px 0 !important;
border:none !important;
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
box-shadow:none !important;
}
#pnav li.ptop {
float:right;
display:inline;
margin:0;
padding:0;
}
#pnav li.ptop a {
display: block;
width:38px;
height:20px;
margin:0;
text-align:center;
padding:14px 29px 16px 18px !important;
}
#pnav li.ptop a:hover {
background-position: -85px 0 !important;
border:none !important;
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
box-shadow:none !important;
}
/* first subnav elements */
#pnav ul {
margin:0 0 0 -1px;
padding:8px 0;
list-style: none;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border:1px solid;
border-top:none;
}
#pnav li ul {
position:absolute;
width:180px;
left:-9999px;
}
#pnav li:hover ul, #pnav li.sfhover ul {
left:auto;
}
#pnav li ul li {
position:relative;
width:100%;
height:auto;
border:none;
margin:0;
padding:0;
line-height:12px;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
}
#pnav li ul li a {
display:block;
margin:0;
padding:10px 19px !important;
height:auto;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
/* second subnav elements */
#pnav li ul ul {
position:absolute;
top:-10px;
}
#pnav ul ul {
margin:0 0 0 170px;
padding:8px 0;
list-style:none;
line-height:1;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid;
}
#pnav li:hover ul ul, #pnav li.sfhover ul ul {
left:-9999px;
}
#pnav li li:hover ul, #pnav li li.sfhover ul {
left: auto;
}
#pnavback {
position:absolute;
top:0;
left:10px;
margin:0;
padding:0;
width:940px;
height:50px;
z-index:0;
}
/* Tooltips */
#tooltip {
position: absolute;
z-index: 99999;
border: 2px double #fff;
background-color: #000;
text-align: left;
padding: 5px;
min-height: 1em;
filter: alpha(opacity=0.85);
-moz-opacity: 0.85;
opacity: 0.85;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
cursor: help;
}
#tooltip h3, #tooltip div {
margin: 0;
color: white;
text-align: left;
font-family: verdana,arial,sans-serif;
}
#tooltip h3 {
font-weight: bold;
font-size: 11px;
line-height: 12px;
}
#tooltip div {
font-size: 10px;
line-height: 11px;
}
/* END Tooltips */
/* UMAYRI SITE
---------------------------------- */
#header {
background:url(/umayri/img/bg_header-p.jpg) 0 0 no-repeat;
}
/* Portal Navigation */
#logo a {background:url(/umayri/img/logo-umayri.jpg) 0 0 no-repeat;}
#plogo a {background:url(/umayri/img/plogo-umayri.png) 0 0 no-repeat;}
#plogo a span {background:url(/umayri/img/plogo-umayri.png) -175px 0 no-repeat;}
#psocial {background:url(/umayri/img/bg_psocial-umayri.png) 0 0 no-repeat;}
#psocial li a, #psocial li a span {background:url(/umayri/img/sprite_psocial-u.png) 0 0 no-repeat;}
#pnav {background:url(/umayri/img/bg_pnav-u.png) repeat-x;}
#pnav li.phome a, #pnav li.phome a:hover {background:url(/umayri/img/sprite_phome-u.png) 0 0 no-repeat;}
#pnav li.ptop a, #pnav li.ptop a:hover {background:url(/umayri/img/sprite_ptop-u.png) 0 0 no-repeat;}
#pnav li.phome a {color:#69481C;}
#pnav li.phome a:hover {color:#513606;}
#pnav li.ptop a {color:#a17b49;}
#pnav li.ptop a:hover {color:#c4a97c;}
#pnav li a { color:#e5d0ac; padding:13px 9px 17px !important; }
#pnav li a:hover {color:#e5d0ac;}
#pnav ul {background-color:#4E3507; border-color:#896535;}
#pnav li:hover, #pnav li.sfhover {
background:url(/umayri/img/pnavhover-u.png) 0 0 repeat-x;
-webkit-box-shadow:inset 1px 0 0 rgba(97,67,22,0.5), inset -1px 0 0 rgba(97,67,22,0.5);
-moz-box-shadow:inset 1px 0 0 rgba(97,67,22,0.5), inset -1px 0 0 rgba(97,67,22,0.5);
box-shadow:inset 1px 0 0 rgba(97,67,22,0.5), inset -1px 0 0 rgba(97,67,22,0.5);
border-right:1px solid #896535; /* internet explorer */
border-right:1px solid rgba(137,101,53,0.75);
border-left:1px solid #896535; /* internet explorer */
border-left:1px solid rgba(137,101,53,0.75);
}
#pnav li ul li:hover, #pnav li ul li.sfhover {
background:#5c3f12;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border:none;
border-top:1px solid #896535;
border-bottom:1px solid #896535;
}
#content #pnavback {background:url(/umayri/img/pnavback-u.png) 0 0 repeat-x;}
/* Padding for Portal Navigation */
#pnav li a {padding:13px 14px 17px;} /* IMPORTANT!!! THIS MUST BE ADJUSTED IF YOU CHANGE THE MAIN NAV NAMES SO THAT ITEMS WILL FIT BETWEEN THE HOME AND TO TOP BUTTONS */
/* Image Styling */
#content img, #content a img {border:1px solid #D1D79E;}
#content img:hover, #content a img:hover {border:1px solid #AB8552;}
/* Links */
#content h1 a:link, #content h1 a:visited, #content h2 a:link, #content h2 a:visited,
#content h3 a:link, #content h3 a:visited, #content h4 a:link, #content h4 a:visited,
#content h5 a:link, #content h5 a:visited, #content h6 a:link, #content h6 a:visited,
#content table a:link, #content table a:visited,
#content p a:link, #content p a:visited,
#content ol li a:link, #content ol li a:visited,
#content dd a:link, #content dd a:visited,
#content blockquote a:link, #content blockquote a:visited,
#content .dotlist a:link, #content .dotlist a:visited,
#content .checklist a:link, #content .checklist a:visited,
#content .arrowlist a:link, #content .arrowlist a:visited
{color:#7b5a3d; border-bottom:2px solid #e3d0b6;}
#content h1 a:hover, #content h1 a:active, #content h2 a:hover, #content h2 a:active,
#content h3 a:hover, #content h3 a:active, #content h4 a:hover, #content h4 a:active,
#content h5 a:hover, #content h5 a:active, #content h6 a:hover, #content h6 a:active,
#content table a:hover, #content table a:active,
#content p a:hover, #content p a:active,
#content ol li a:hover, #content ol li a:active,
#content dd a:hover, #content dd a:active,
#content blockquote a:hover, #content blockquote a:active,
#content .dotlist a:hover, #content .dotlist a:active,
#content .checklist a:hover, #content .checklist a:active,
#content .arrowlist a:hover, #content .arrowlist a:active
{color:#AB8552; border-bottom:2px dotted #e3d0b6;}
body#content.umayri p a:hover, body#content.umayri p a:active {color:#AB8552 !important; border-bottom:none !important; border-bottom:2px dotted #e3d0b6 !important;}
/* Tooltips */
#tooltip {
border: 2px double #fff;
background-color: #513606;
}
a.tooltip {
text-decoration: none !important;
border-bottom: 1px red dotted !important;
border-top: 0;
border-right: 0;
border-left: 0;
cursor: help;
}
/* END Tooltips */
.page-excavation-manual-glossary dt {
font-style: italic;
}
.page-excavation-manual-glossary dd {
margin-bottom: 20px;
}
.pgwSlider img {
border: none !important;
padding: 0px !important;
border-radius: 0px !important;
}
@charset "utf-8";
/* This covers all the new changes and additions for the form page.
It may be necessary to replace certain existing rules that have been modified. */
/* FIND, REPLACE, AND ADD
---------------------------------- */
/* Text H1,H2,H3,H4,H5,H6,P,BLOCKQUOTE,ETC. */
h6{font-size:13px;letter-spacing:-.25px; text-transform:uppercase; line-height:1.4em;}
span.note {font-size:10px;}
/* Layout Boxes and Box Styles */
.fullwidth {width:890px; margin-right:0; margin-bottom:25px; float:left;}
/* Form Styles */
#content form {
margin-bottom:25px;
padding:0;
}
#content form p {
margin:0 0 8px 0;
padding:0;
height:28px;
position:relative;
}
#content form input[type="text"], #content form input[type="password"], #content form textarea {
float:left;
display:inline;
margin:0 0 0 20px;
padding:5px 8px 5px 8px;
font-family:"Lucida Grande","Trebuchet MS",Verdana,Arial,Sans-serif;
font-size:13px;
color:#C3AC8F;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:1px solid #C3AC8F;
background-color:#fff;
}
#content form input[type="radio"], #content form input[type="checkbox"] {
float:left;
margin:6px 0 0 7px;
}
#content form p.rbutton, #content form p.checkbox {
float:left;
width:27px;
height:26px;
margin:0 0 0 20px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:1px solid #C3AC8F;
background-color:#fff;
}
#content form p.auto {height:auto !important;}
#content form div.radio, #content form div.check {
margin:0 0 8px 0;
padding:0;
height:28px;
width:100%;
}
#content form div.radio label, #content form div.check label {
float:left;
color:#7B5A3D;
margin:0 0 0 5px;
width:auto;
}
#content form select {
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
background-color:#fff;
border:1px solid #C3AC8F;
color:#7B5A3D;
font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
font-size:13px;
outline:none !important;
margin:0 0 3px 20px;
height:28px;
padding:2px 4px;
}
#content form select + select, #content form td select { margin-left: 5px; }
.onehalf input[type="text"], .onehalf input[type="password"], .onehalf textarea {width:371px !important;}
.onethird input[type="text"], .onethird input[type="password"], .onethird textarea {width:218px !important;}
#content form input[type="text"], #content form input[type="password"] {
height:16px;
}
#content form textarea {
margin-bottom:8px;
height:100px; /* If you change textarea height you MUST also change the height for p.textarea below */
overflow:auto;
}
#content form p.textarea {
margin:0;
height:116px; /* This MUST be 16px more than the above height value */
}
#content form label {
height:22px;
color:#C3AC8F;
font-size:13px;
margin:0 0 0 20px;
padding:3px 8px;
}
#content form input[type="text"]:focus, #content form input[type="password"]:focus, #content form textarea:focus {
color:#7B5A3D;
border-color:#7B5A3D;
-moz-box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
-webkit-box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
outline:none 0 !important;
}
#content form input.button {padding:3px 9px 4px !important;}
.boolean { width: 100px; }
.boolean label {
display:block;
line-height: 24px;
}
.boolean label input {
margin-right: 5px !important;
}
#content form #form-body p {
height: auto;
margin: 1em 0px;
}
/* Z-INDEX */
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }
.ui-dialog .formError { z-index: 5000; }
.ui-dialog .formError .formErrorContent { z-index: 5001; }
.ui-dialog .formError .formErrorArrow { z-index: 5006; }
.inputContainer {
position: relative;
float: left;
}
.formError {
position: absolute;
top: 300px;
left: 300px;
display: block;
cursor: pointer;
text-align: left;
}
.formError.inline {
position: relative;
top: 0;
left: 0;
display: inline-block;
}
.ajaxSubmit {
padding: 20px;
background: #55ea55;
border: 1px solid #999;
display: none;
}
.formError .formErrorContent {
width: 100%;
background: #ee0101;
position:relative;
color: #fff;
min-width: 120px;
font-size: 11px;
border: 2px solid #ddd;
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
-o-box-shadow: 0 0 6px #000;
padding: 4px 10px 4px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
}
.formError.inline .formErrorContent {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
border: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
}
.greenPopup .formErrorContent {
background: #33be40;
}
.blackPopup .formErrorContent {
background: #393939;
color: #FFF;
}
.formError .formErrorArrow {
width: 15px;
margin: -2px 0 0 13px;
position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
margin: -2px 13px 0 0;
}
.formError .formErrorArrowBottom {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
margin: 0px 0 0 12px;
top:2px;
}
.formError .formErrorArrow div {
border-left: 2px solid #ddd;
border-right: 2px solid #ddd;
box-shadow: 0 2px 3px #444;
-moz-box-shadow: 0 2px 3px #444;
-webkit-box-shadow: 0 2px 3px #444;
-o-box-shadow: 0 2px 3px #444;
font-size: 0px;
height: 1px;
background: #ee0101;
margin: 0 auto;
line-height: 0;
font-size: 0;
display: block;
}
.formError .formErrorArrowBottom div {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
}
.greenPopup .formErrorArrow div {
background: #33be40;
}
.blackPopup .formErrorArrow div {
background: #393939;
color: #FFF;
}
.formError .formErrorArrow .line10 {
width: 15px;
border: none;
}
.formError .formErrorArrow .line9 {
width: 13px;
border: none;
}
.formError .formErrorArrow .line8 {
width: 11px;
}
.formError .formErrorArrow .line7 {
width: 9px;
}
.formError .formErrorArrow .line6 {
width: 7px;
}
.formError .formErrorArrow .line5 {
width: 5px;
}
.formError .formErrorArrow .line4 {
width: 3px;
}
.formError .formErrorArrow .line3 {
width: 1px;
border-left: 2px solid #ddd;
border-right: 2px solid #ddd;
border-bottom: 0 solid #ddd;
}
.formError .formErrorArrow .line2 {
width: 3px;
border: none;
background: #ddd;
}
.formError .formErrorArrow .line1 {
width: 1px;
border: none;
background: #ddd;
}
/* CUSTOM */
.formError {
z-index: 5000;
}
.formError .formErrorContent {
background: #FCC;
z-index:5001;
color: #C31B00;
font-family: tahoma;
border: 2px solid #F99;
}
.greenPopup .formErrorContent {
background: #DEE3AB;
}
.formError .formErrorArrow {
z-index: 5006;
}
.formError .formErrorArrow div {
border-left: 2px solid #F99;
border-right: 2px solid #F99;
background: #FCC;
}
.greenPopup .formErrorArrow div {
background: #DEE3AB;
}
.formError .formErrorArrow .line3 {
border-left: 2px solid #F99;
border-right: 2px solid #F99;
border-bottom: 0 solid #F99;
}
.formError .formErrorArrow .line2 {
background: #F99;
}
.formError .formErrorArrow .line1 {
background: #F99;
}