/***********************************************/
/* YUI Reset, Fonts, Base                      */
/***********************************************/

html {
 color:#000;
 background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
 margin:0;
 padding:0;
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var {
 font-style:normal;
 font-weight:normal;
}
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {
 font-size:100%;
 font-weight:normal;
}
q:before, q:after { content:''; }
abbr, acronym {
 border:0;
 font-variant:normal;
}
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select {
 font-family:inherit;
 font-size:inherit;
 font-weight:inherit;
}
input, textarea, select { *font-size:100%;
}
legend { color:#000; }
body { font:13px/1.231 arial, helvetica, clean, sans-serif; *font-size:small;
*font:x-small;
}
table {
 font-size:inherit;
 font:100%;
}
pre, code, kbd, samp, tt {
 font-family:monospace;
*font-size:108%;
 line-height:100%;
}
h1 { font-size:138.5%; }
h2 { font-size:123.1%; }
h3 { font-size:108%; }
h1, h2, h3 { margin:1em 0; }
h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }
abbr, acronym {
 border-bottom:1px dotted #000;
 cursor:help;
}
em { font-style:italic; }
blockquote, ul, ol, dl { margin:1em; }
ol, ul, dl { margin-left:2em; }
ol li { list-style:decimal outside; }
ul li { list-style:disc outside; }
dl dd { margin-left:1em; }
th, td { }
th {
 font-weight:bold;
 text-align:center;
}
caption {
 margin-bottom:.5em;
 text-align:center;
}
p, fieldset, table, pre { margin-bottom:1em; }
input[type=text], input[type=password], textarea { width:12.25em; *width:11.9em;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
html {
 background:url(/Portals/spry/images/logo-bg.jpg) repeat-x 0px 120px;
 padding:0;
 margin:0;
 font-family:Arial, Helvetica, sans-serif;
}
#wrapper {
 position: absolute;
 left: 50%;
 top: 50%;
 width: 300px;
 height: 550px;
 margin-left: -150px;
 margin-top: -190px;
 background: url(/Portals/spry/images/spry_logo.gif) no-repeat;
}
#wrapper2 {
 position: absolute;
 left: 50%;
 top: 70%;
 width: 200px;
 height: 200px;
 margin-left: -100px;
 margin-top: -190px;
 border:#ccc solid 1px;
 background:#fff;
}

#wrapper2 ul,#wrapper2 li{ list-style:none; margin:0; padding:0;}
#wrapper2 ul{margin-top:10px; border-top:#ccc solid 1px; }
#wrapper2 li a {display:block;border-bottom:#ccc solid 1px; text-decoration:none; line-height:2em; background:#eee;}
#wrapper2 li a:hover{background:#ccc;}

#notice {
 background:#FFFFCC;
 border-bottom:solid #cCC 1px;
 height:30px;
 line-height:30px;
 text-align:center;
}
.containerWrapper {
 margin:50px;
 padding:20px ;
 border:#ccc solid 1px;
 background:#eee;
 text-align:left;
 position:absolute;
}