/* CSS Document */
#container *{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
}
#container a, #container a:hover {
color: rgb(0, 51, 153);
text-decoration: none;
font-weight: normal;
}
#container{
margin-left:auto;
margin-right:auto;
width:975px;
}
p{
margin-bottom:10px !important;
}
#container input, #container select {
font-size: 10pt;
}
#nav ul{
display:inline;
}
#mini_nav ul{
display:inline;
}
#mini_nav li{
list-style-type: none;
margin:3px !important;
}
img{
border:none;
}
/*.header_top h2{
width:80%;
float:left;
color:#FFFFFF;
line-height:24px;
height:20px;
padding-bottom:0px !important;
margin-bottom:0px !important;
margin-top: 3px !important;
}*/
.padded_cell li{
list-style-type: none;
margin:3px !important;
}
.page_content{
margin-right:210px !important;
margin-left:210px !important;
}
.padded_sides{
padding-left:10px !important;
padding-right:10px !important;
}
.right_padded p{
padding-left:10px !important;
padding-right:30px !important;
}
.padded_cell{
padding:10px !important;
}
.center{
margin-right:auto;
margin-left:auto;
}
.center_text{
text-align:center !important;
}
.fl{
float:left;
}
.fr{
float:right;
}
.fc{
clear:both;
}
#container h1{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#428bd5;
margin-top:15px !important;
margin-bottom:15px !important;
}
body{
padding:0px;
margin:0px;
}
#header{
background:url(../images/cloud_back.jpg) no-repeat;
height:99px;
width:100%;
position:relative;
}
#navigation li{
display:inline;
}
#navigation{

}
#logo{
margin-left:-11px !important;
padding-top:5px !important;
padding-bottom:5px !important;
}
.box_body_l{
background: url(../images/l.jpg) left repeat-y;
}
.login_box_body_r{
background:url(../images/r.jpg) #FFFFFF right repeat-y;
margin-left:5px !important;
}
.box_body_r{
background:url(../images/r.jpg) right repeat-y;
}
.header_top{
height:6px;
background:url(../images/header_b.jpg) repeat-x;
position:relative;}
.header_body_l h2{
color:#FFFFFF;
padding:0px !important;
margin:0px !important;
line-height:15px;
padding-left:5px !important;
padding-bottom:3px !important;
position:relative;
z-index:1;
}
.header_body{
background:#eb304d;
position:relative;
margin-left:5px !important;
margin-right:5px !important;
}
.header_btm{
background:url(../images/header_btm.jpg) repeat-x;
height:4px;
margin-left:5px !important;
margin-right:5px !important;
position:relative;
}
.header_l{
height:6px;
width:11px;
background:url(../images/header_l.jpg) no-repeat;
position:absolute;
left:0px;
z-index:2;
}
.header_r{
height:6px;
width:11px;
background:url(../images/header_r.jpg) no-repeat;
position:absolute;
right:0px;
z-index:2;
}
.header_body_l{
background:url(../images/l2.jpg) repeat-y left;
margin-bottom:0px !important;
position:relative;
z-index:3;
}
.header_body_r{
background:url(../images/r2.jpg) repeat-y right #eb304d;
margin-left:5px !important;
margin-bottom:0px !important;
position:relative;
z-index:3;
}
.header_body_r_blue{
background:url(../images/r2.jpg) repeat-y right #2db8f1;
margin-left:5px !important;
margin-bottom:0px !important;
}
.header_body_r_orange{
background:url(../images/r2.jpg) repeat-y right #ef5646;
margin-left:5px !important;
margin-bottom:0px !important;
}
.header_body_r_green{
background:url(../images/r2.jpg) repeat-y right #3fad7c;
margin-left:5px !important;
margin-bottom:0px !important;
}
.blue_top{
background:url(../images/header_b_b.jpg) repeat-x;
}
.blue_l{
background:url(../images/header_b_l.jpg) no-repeat;
}
.blue_r{
background:url(../images/header_b_r.jpg) no-repeat;
}
.orange_top{
background:url(../images/header_o_b.jpg) repeat-x;
}
.orange_l{
background:url(../images/header_o_l.jpg) no-repeat;
}
.orange_r{
background:url(../images/header_o_r.jpg) no-repeat;
}
.green_top{
background:url(../images/header_g_b.jpg) repeat-x;
}
.green_l{
background:url(../images/header_g_l.jpg) no-repeat;
}
.green_r{
background:url(../images/header_g_r.jpg) no-repeat;
}
.white_top{
background:url(../images/header_w_b.jpg) repeat-x;
}
.white_l{
background:url(../images/header_w_l.jpg) no-repeat;
}
.white_r{
background:url(../images/header_w_r.jpg) no-repeat;
}
.box_top{
height:10px;
background:url(../images/t.jpg) repeat-x;
position:relative
}
.box_top_l{
height:10px;
width:10px;
background:url(../images/tl.jpg) no-repeat;
display:inline;
}
.box_top_r{
height:10px;
width:10px;
background:url(../images/tr.jpg) no-repeat;
display:inline;
}
.box_bottom{
height:10px;
background:url(../images/b.jpg) repeat-x;
position:relative;
width:100%;
}
.box_bottom_l{
height:10px;
width:10px;
background:url(../images/bl.jpg) no-repeat;
display:inline;
}
.box_bottom_r{
height:10px;
width:10px;
background:url(../images/br.jpg) no-repeat;
display:inline;
}
.up_btn{
background:url(../images/up_btn.jpg) no-repeat;
width:15px;
height:11px;
}
.dwn_btn{
background:url(../images/dwn_btn.jpg) no-repeat;
width:15px;
height:11px;
}
.result{
overflow:hidden;
width:580px;
}
.result_title{
margin-left:15px!important;
width:380px;
}
.item_desc{
padding-right:10px !important;
width:300px;
}
.item_cost{
width:60px;
}
.cart_btn{
background:url(../images/cart.jpg);
width:22px;
height:18px;
}
.item_btns{
width:150px;
}
.institution_btn{
background:url(../images/institution.jpg);
width:101px;
height:23px;
text-indent:-9999px;
}
.individual_btn{
background:url(../images/individual.jpg);
width:101px;
height:23px;
text-indent:-9999px;
}
.amazon_btn{
background:url(../images/amazon.jpg);
width:101px;
height:23px;
}
.eden_btn{
background:url(../images/eden.jpg);
width:101px;
height:23px;
}
.local_btn{
background:url(../images/local.jpg);
width:101px;
height:23px;
}
.option_col{
width:26px;
margin-left:auto;
margin-right:auto;
}
.search_input {
margin-bottom:3px !important;
}
#footer{
width:600px;
text-align:center !important;
padding-top:10px;
margin-left:auto;
margin-right:auto;
}
#footer p{
font-size:10px !important;
color:#999999;
}
#footer a{
font-size:10px !important;
color:#999999;
}

#footer_nav li{
display:inline;
}
#login_box{
width:250px;
}
/*.login_feild_1{
height:12px; font-size:12px; line-height:12px; margin-bottom:2px !important;
}
.login_feild_2{
height:12px; font-size:12px; line-height:12px;
}
#login_fields{
position:absolute; top:26px; left:8px; ;
}
#login_submit{
position:absolute; top:40px; right:8px;
}*/
.profile_input{
width:95% ;
}
.LeftCol{
width:180px !important;
}
.RightCol{
width:180px !important;
}
.pack_image{
width:75px;
margin-left:40px !important;
}
.btn{
cursor:pointer;
}
#temp_input{
width:400px;
margin-left:auto;
margin-right:auto;
}
#temp_input input{
width:98%;
}
.song{
font-size:12px !important;
}
.spacer{
padding:1px !important;
}
.padded_sides_extra_right{
padding-left:10px !important;
padding-right:15px !important;
}
#Lyrics p {margin-bottom: 10px; margin-top: 10px;}
#divPraiseDimmer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 10px;
color: black;
background: black;
-moz-opacity: 0.5;
opacity: 0.5;
filter:alpha(opacity=50);
display:
none;
z-index: 800;
}
#divPraisePopup {
clear:both;
/*min-height: 300px;*/
width: 390px;
height: 420px;
padding: 10px;
overflow-y: auto;
text-align:left;
color: #000;
font-family: Verdana, Arial, Tahoma,serif;
}
#divPraisePopupContainer {
width: 390px;
height: 440px;
border: 1px solid #85B1E0;
padding: 0;
position: absolute;
top: 100px;
left: 100%;
margin-top: 0;
margin-left: -50%;
z-index: 900;
display: none;
background: white;
font-size: 8pt;
color: #000;
font-family: Verdana, Arial, Tahoma, serif;
}
#divPraisePopupCloseButton {
float:right;
}
#divPraisePopupCloseButton a {
display: block;
padding: 4px;
font-size: 16px;
font-weight: bold;
width: 30px;
text-align:center;
color: white;
text-decoration:none;
}
#divPraisePopupCloseButton a:hover {
color: #EEE;

}
#divPraisePopupTitle {
display: block !important;
font-size:16px;
font-weight: bold;
padding: 4px;
margin: 0;
color:#000;
background-color: #85B1E0;
}
#divPraiseLoading{
display:none;
position: absolute;
top: 50%;
left: 50%;
width:180px;
margin: 0;
border: 2px solid #c58335;
background: white;
z-index:1000;
}
#divPraiseSaveMessage{display: none;position: absolute;top:
12px;right:12px;width: 180px;border: 2px solid #c58335;background:
white;padding:20px;color: #c58335;margin: 0;text-align:
center;font-weight:bold;z-index: 1000;}
.Tip {
font-size: 7pt;
color: #aaa;
}
ul#navigationTabs {
border-bottom:1px solid #2257A3 !important;
display:block !important;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
margin:8px auto 0pt !important;
padding:5px 12px 5px !important;
text-align:center !important;
}
ul#navigationTabs li {
display: inline;
}
ul#navigationTabs li a {
padding: 5px;
}
ul#navigationTabs li.TabSelected a {
background: #2257A3;
color: #fff;
border-left: 1px solid #2257A3;
border-right: 1px solid #2257A3;
border-top: 1px solid #2257A3;
}
/* AUTOCOMPLETER */
div#searchBlock {
padding: 15px;
border: 1px dashed #aaa;
float: left;
font-size: 10pt;
margin: 10px 0 0 10px;
}
div.autocomplete {
position: absolute;
width: 100px;
border: 1px solid #aaa;
background: #fff ;
z-index: 200;
}
div.autocomplete ul {
list-style-type: none;
padding: 0px;
margin: 25px 0 0 0;
}
div.autocomplete ul li.selected {
background-color: #ffb;
margin: 0px;
padding: 2px;
}
div.autocomplete ul li {
list-style-type: none;
display:block;
margin:0;
padding:2px;
cursor:pointer;
background: transparent;
}
div.autocomplete ul li.query {
font-size: 8pt;
color: red;
}
div.autocomplete ul li img {
padding-right: 4px;
vertical-align: middle;
}
div#searchBlockOptions {
text-align: right;
font-size: 8pt;
margin-top: 4px;
}