/* 
Theme Name: NonProfitDB Theme
Theme Url: http://www.nonprofitdb.org/
Latest Release: 8.25.2010
Author: http://www.vielgi.com/, http://www.nonprofitdb.org
Author Url: http://www.vielgi.com/, http://www.nonprofitdb.org
Concept: V.L. Georgiev, S. Draganov
CSS: V.L. Georgiev, S. Draganov, V. Bulenok, D. Fluearasu
[Table Of Contents]
1- Global
 - System Notifications
2- Links
3- Headings
4- Header, Menu, Logo
5- Elements:
    5.1- Login Page
    5.2- Registration Page
    5.3- Buttons
        5.4- Table/Data Grids
6- Content Other Pages
7- Forms
8- Extras
9- Footer
*/

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html
{height:100%;}

body
{
	background-color: #EEEEEE;
	padding: 0;
	margin: 0 auto;
	font-size: 80%;
	font-family: Verdana,Helvetica,sans-serif;
	
	display: block;
	width: 980px;
	max-width: 980px;
	height:100%;
	
}
#content
{
	background-color: White;
	
	
	width: 960px;
	max-width: 100%;
	
	padding: 45px 10px 10px 10px;
	
	
	height:90%; /* IE6: treaded as min-height*/

	
	}
#iframe {
   display     : none;
   visibility  : hidden;
   height      : 1px;
 }

.panel
{
	background-position: #000000;
	position: fixed;
	top: 250px;
	right: 0;
	display: none;
	background: #000000;
	border: 1px solid #111111;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	width: 180px;
	height: auto;
	padding: 10px 10px 10px 10px;
	text-align: left;
	opacity: .65;
	filter: alpha(opacity=65);
	color: #FFFFFF;
	z-index: 210000;
}
.contact_panel
{
	position: fixed;
	text-decoration: none;
	top:300px;
	right: 0;
	font-size: 16px;
	letter-spacing: -1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #fff;
	padding: 10px 0px 10px 5px;
	font-weight: 700;
	background: #333333 95% 55% no-repeat;
	border: 1px solid #444444;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	display: block;
	opacity: .65;
	filter: alpha(opacity=65);
	z-index: 220000;
}
.contact_panel:hover
{
	position: fixed;
text-decoration: none;
top: 300px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px 0px 10px 15px;
font-weight: 700;
background:#222222 95% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 0px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 0px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 0px;
display: block;
opacity: 1;
	filter:alpha(opacity=100);}	

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;

}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover
{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
opacity:1;

	filter:alpha(opacity=100);
}

a.trigger
{
	position: fixed;
	text-decoration: none;
	top: 250px;
	right: 0;
	font-size: 16px;
	letter-spacing: -1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #fff;
	padding: 10px 20px 10px 5px;
	font-weight: 700;
	background: #333333 url(../images/add.png) 95% 55% no-repeat;
	border: 1px solid #444444;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 0px;
	
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 0px;
	
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 0px;
	
	display: block;
	opacity: .65;
	filter:alpha(opacity=65);
	z-index: 220000;
}

a.trigger:hover
{
	position: fixed;
	text-decoration: none;
	top: 250px;
	right: 0;
	font-size: 16px;
	letter-spacing: -1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #fff;
	padding: 10px 20px 10px 15px;
	font-weight: 700;
	background: #222222 url(../images/add.png)95% 55% no-repeat;
	border: 1px solid #444444;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 0px;
	display: block;
	opacity: 1;
	filter: alpha(opacity=100);
}

a.active.trigger
{
	
	background: #222222 url(../images/delete.png) 95% 55% no-repeat;
}
.search_main
{
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	border-radius: 7px;
	background-position: right;
	border: solid 2px #469AD6;
	padding-left: 4px;
	margin-top: 7px;
	background-image: url(../images/search.png );
	background-repeat: no-repeat;
	
}
.search_main a
{text-decoration:none;}

.search_main a:hover
{-moz-border-radius:7px;
 -webkit-border-radius:7px;
 border-radius:7px;
text-decoration:none;}

.search_main:focus
{	-moz-border-radius:7px;
        -webkit-border-radius:7px;
        border-radius:7px;
	text-decoration: none;
	border: solid 2px  #A4D59B;
}

.search_main:hover
{	-moz-border-radius:7px;
        -webkit-border-radius:7px;
        border-radius:7px;
	text-decoration: none;

	border: solid 2px #A4D59B;
}
.topmain
{
	padding: 15px;
	background-color: White;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.login_textbox
{
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: solid 2px #469AD6;
	padding-left: 4px;
}

.login_textbox:hover
{
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: solid 2px #F2B504;
	padding-left: 4px;
}

.login_textbox a
{text-decoration:none;}

.login_textbox a:hover
{text-decoration:none;
 -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
border: solid 2px #469AD6;}
	padding-left: 4px;}

.login_textbox:hover
{text-decoration:none;
-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-border-radius: 7px;
border: solid 2px #469AD6;}

.login_textbox:focus
{-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
	text-decoration: none;
	border: solid 2px #A4D59B4;
}

.search_event_edit
{
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
	background-position: right;
	border: solid 2px #469AD6;
	padding-left: 4px;
	margin-top: 6px;
	background-image: url(../images/search.png );
	background-repeat: no-repeat;
	
}

.search_event_edit a
{text-decoration:none;}

.search_event_edit a:hover
{text-decoration:none;}

.search_event_edit:focus
{
	text-decoration: none;
	border: 2px solid #F2B504;
}

#overlay
{
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        color: White;
        font-size:20px;
        font-family:Helvetica;
        font-weight:lighter;
        visibility: hidden;
        position: absolute;
        right: 10px;
        top: 50px;
        width: 220px;
        height: 650px;
        border: solid Black 2px; /*background-image:url(../images/1.png );*/
        background-color: #0099cc;
        opacity: .750;
        z-index: 100;
        padding-left: 10px;
        line-height: 225%;
}
#overlay a
{color:White;
 font-style:normal;}
#overlayCU
{
        -moz-border-radius: 10px;
        
        -webkit-border-radius: 10px;
        border-radius: 10px;
       
        color: White;
        font-size:20px;
        font-family:Helvetica;
        font-weight:lighter;
        visibility: hidden;
        position: absolute;
        right: 10px;
        top: 50px;
        width: 220px;
        height: 130px;
        border: solid Black 2px; /*background-image:url(../images/1.png );*/
        background-color: #0099cc;
        opacity: .750;
        z-index: 100;
        padding-left: 10px;
        line-height: 225%;

}
#overlayCU a
{color:White;
 font-style:normal;}

 #overlayPU
{
        -moz-border-radius: 10px;
        
        -webkit-border-radius: 10px;
        border-radius: 10px;
        
        color: White;
        font-size:20px;
        font-family:Helvetica;
        font-weight:lighter;
        visibility: hidden;
        position: absolute;
        right: 10px;
        top: 50px;
        width: 220px;
        height: 90px;
        border: solid Black 2px; /*background-image:url(../images/1.png );*/
        background-color: #0099cc;
        opacity: .750;
        z-index: 100;
        padding-left: 10px;
        line-height: 225%;

}
#overlayPU a
{color:White;
 font-style:normal;}
/*.shortcuts
{
    background-color: #0099cc;
        color: White;
        border: 1px solid White;
        text-align: center;
        float:right;
        padding:5px;}*/

        .shortcuts
{
        background-color: #EF6400;
        color: White;
        border: 1px solid White;
        text-align: center;
        float: right;
        padding: 5px;
}
#shortcut.a
{color:White;}
/*td .fit
{        font-family:Arial,Helvetica,sans-serif;
        font-size:150%;}*/
.trial
{background-color:Red;}
.trial2
{
	background-color: #F0FFFF;
	border-color:Yellow;
	border-style:solid;
}
.trial2:a
{text-decoration:none;}

.trial3
{color:Black;
 background-color: #F0FFFF;}

input
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-color: #A8A8A8;
	border-style: solid;
	border-width: 1px;
}
input:hover
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-color: #17A4ED;
	border-style: solid;
	border-width: 1px;
	background-color: #ECFBFF;
}
input:focus
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-color: #17A4ED;
	border-style: solid;
	border-width: 1px;
	background-color: #F4FFD1;
	border: 1px solid #F4B508;
}


.select
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-color: #A8A8A8;
	border-style: solid;
	border-width: 1px;
}
.select:hover
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-color: #17A4ED;
	border-style: solid;
	border-width: 1px;
	background-color: #ECFBFF;
}
.select:focus
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-color: #17A4ED;
	border-style: solid;
	border-width: 1px;
	background-color: #F4FFD1;
	border: 1px solid #F4B508;
}

.PageTitle
{        width: 100px;
        color: #17A4ED;
        font-size: 125%;
        font-weight: bold;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;}

/*.PageTitle:before{content:"> "}*/
.redlink a /*Links used in Grids to designate cross-referencing*/
{   color: #1998CB;}
a.grid-tag
{   background-color: #006CAE !important; 
    color: White !important;
    text-decoration: none !important;}
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*a:link
{text-decoration:none;
}
a:visited{}
a:active{}
a:hover{text-decoration:none;}*/

.linking
{ background-color:#0164A8;color:White;}
.linking a
{ color:White;}
.linking a:hover
{ color:White !important;text-decoration:underline;}
.linking a:visited
{background-color:#0164A8;color:White;}

div.tooltip { 
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

#myform {
	border:1px outset #ccc;
	background:#fff url(http://static.flowplayer.org/img/global/gradient/h600.png) repeat-x;
	padding:20px;
	margin:20px 0;
	width:350px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
 
#myform h3 {
	text-align:center;
	margin:0 0 10px 0;
}
 
/* http://www.quirksmode.org/css/forms.html */
#inputs label, #inputs input, #inputs textarea, #inputs select {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 20px;
}
 
#inputs label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}
 
#inputs br {
	clear: left;
}

/*System Notifications*/

.success
{
        background-position: left center;
        background-color: #E9F8D2;
        border: 1px solid #CDE6A9;
        color: #000000;
        padding-left: 25px;
        padding-right: 4px;
        padding-top: 4px;
        padding-bottom: 4px;
        display: block;
        margin-top: 5px;
        margin-bottom: 5px;
        width: auto;
        background-image: url(../images/accept.png );
        background-repeat: no-repeat;
        background-position: 5px center;
}
.system_noti
{
	-webkit-box-shadow: #D1DAE1 0px 2px 3px inset;
	-moz-box-shadow: #D1DAE1 0px 2px 3px inset;
	background-color: #DDE4E9;
	border: 5px solid #E8EDF0;
	margin-bottom: 10px;
	padding: 10px 15px 10px 25px;
	-moz-text-shadow: white 0px 1px 0px;
	-webkit-text-shadow: white 0px 1px 0px;
	background-image: url(../images/images/communicate.png );
	background-repeat: no-repeat;
	background-position: 5px center;
}
.success_nopic
{       background-position: left center;
        background-color: #E9F8D2;
        border: 1px solid #CDE6A9;
        color: #000000;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 4px;
        padding-bottom: 4px;
       display:block;
        margin-top: 5px;
        margin-bottom: 5px;
        width: auto;
}

.success_loading
{
	border: 1px solid #CDE6A9;
	color: #000000;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	width:auto;
	display: table; /*doesn't show class when element not visible*/
	margin-top: 5px;
	margin-bottom: 5px;
	background: #E9F8D2 url(../images/animated/slow_loader.gif) no-repeat center 20px;
}

.instructions
{
        background-color: #F7FDCB;
        border: 1px solid #C2D071;
        color: #000000;
        padding: 3px;
        display: block;
        margin-top: 5px;
        margin-bottom: 5px;
        width: auto;
        background-image: url(../images/info.png );
        background-repeat: no-repeat;
        background-position: 5px center;
        padding-left: 25px;
        padding-right: 4px;
        padding-top: 4px;
        padding-bottom: 4px;
}
.question
{
        
       
        color: #000000;
        
        
        margin-top: 15px;
        margin-bottom: 5px;
        width: auto;
        background-image: url(../images/question.png );
        background-repeat: no-repeat;
        background-position: 5px center;
        padding-left: 25px;
        padding-right: 4px;
        padding-top: 4px;
        padding-bottom: 4px;
}
.instruction
{
        background-color: #F7FDCB;
        border: 1px solid #C2D071;
        color: #000000;
        padding: 3px;
        display: block;
        margin-top: 5px;
        margin-bottom: 5px;
        width: auto;
        padding-left: 25px;
        padding-right: 4px;
        padding-top: 4px;
        padding-bottom: 4px;
}
.error
{        background-color: #FF6666;
        border: 1px solid #777777;
        color: #FFFFFF;
        width: auto;
        background-image: url(../images/error.png );
        background-repeat: no-repeat;
        background-position: 5px center;
        padding-left: 25px;
        padding-right:4px;
        padding-top:4px;
        padding-bottom:4px;
        display:block;}
.errorlogin
{        background-color: #FF6666;
        border: 1px solid #777777;
        color: #FFFFFF;
        width: inherit;
        background-image: url(../images/error.png );
        background-repeat: no-repeat;
        background-position: 5px center;
        padding-left: 5px;
        padding-right:5px;
        padding-top:4px;
        padding-bottom:4px;
        display:block;
        width:240px;}           
.fekkai
{
	background-color: #6F8CC0;
	border: 1px solid #777777;
	color: #FFFFFF;
	width: inherit;
	
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 25px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
}
.system_noti
{
	-webkit-box-shadow: #D1DAE1 0px 2px 3px inset;
	-moz-box-shadow: #D1DAE1 0px 2px 3px inset;
	background-color: #DDE4E9;
	border: 5px solid #E8EDF0;
	margin-bottom: 10px;
	padding: 10px 15px 10px 25px;
	-moz-text-shadow: white 0px 1px 0px;
	-webkit-text-shadow: white 0px 1px 0px;
	background-image: url(../images/images/communicate.png );
	background-repeat: no-repeat;
	background-position: 5px center;
}

.errorlogin
{        background-color: #FF6666;
        border: 1px solid #777777;
        color: #FFFFFF;
        width: inherit;
        background-image: url(../images/error.png );
        background-repeat: no-repeat;
        background-position: 5px center;
        padding-left: 5px;
        padding-right:5px;
        padding-top:4px;
        padding-bottom:4px;
        display:block;
        width:240px;}        

.errornote
{        background-color: #FF6666;
        border: 1px solid #777777;
        color:white;
        font-weight:bolder;
        width: 940px;
        background-image: url(../images/error.png );
        background-repeat: no-repeat;
        background-position: 5px center;
        padding-left: 25px;
        padding-right:4px;
        padding-top:10px;
        padding-bottom:10px;
        margin-bottom:5px;
        display:block;
        text-align:center;font-size:20px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;}

.errornote a
{
	text-decoration: underline;
	color: White;
}

.browsererror
{       background-color: #FF6666;
        border: 1px solid #777777;
        color: #FFFFFF;
        width: inherit;
        background-image: url(../images/error.png );
        background-repeat: no-repeat;
        background-position: 5px center;
        font-size:25px;
        padding-left: 25px;
        padding-right:4px;
        padding-top:25px;
        padding-bottom:25px;
        margin-bottom:25px;}
        
.standout
{
        background-color: #FF3F1A;
        color: #FFFFFF;

        padding: 5px;
}
.standout a
{
        text-decoration:none;
}
.new, .new a
{
	background-position: center;
	background-color: #FF3F1A;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 2px;
	font-size: 9px;
	line-height: 9px;
	
	text-align: center;
	white-space: normal;
}

.gridborder
{
border:solid 1px Black;
	-webkit-border-radius: 5px;
	-webkit-background-clip: border;
	-webkit-background-inline-policy: continuous;
	-webkit-background-origin: padding;
	-moz-border-radius: 5px;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	border-radius: 5px;
	padding:15px;
	margin-bottom:25px;
}
.headerapplicationedit
{
	background-color: #EDF3FE;
	margin-bottom: 20px;
	display: block;
	width: auto;
	padding: 10px;
	-webkit-box-shadow: 10px 10px 5px #888;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-border-radius: 5px;
	-webkit-background-clip: border;
	-webkit-background-inline-policy: continuous;
	-webkit-background-origin: padding;
	-moz-border-radius: 5px;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	border-radius: 5px;
}

contacts_toolbar /*see http://www.smashingmagazine.com/2009/01/08/push-your-web-design-into-the-future-with-css3/, the editing hover el*/
{
background-color:#F8F8F8 !important;
border-bottom-color:#E7E5DC !important;
border-bottom-style:solid !important;
border-bottom-width:1px !important;
border-left-color-ltr-source:physical !important;
border-left-color-rtl-source:physical !important;
border-left-color-value:#E7E5DC !important;
border-left-style-ltr-source:physical !important;
border-left-style-rtl-source:physical !important;
border-left-style-value:solid !important;
border-left-width-ltr-source:physical !important;
border-left-width-rtl-source:physical !important;
border-left-width-value:1px !important;
border-right-color-ltr-source:physical !important;
border-right-color-rtl-source:physical !important;
border-right-color-value:#E7E5DC !important;
border-right-style-ltr-source:physical !important;
border-right-style-rtl-source:physical !important;
border-right-style-value:solid !important;
border-right-width-ltr-source:physical !important;
border-right-width-rtl-source:physical !important;
border-right-width-value:1px !important;
border-top-color:#E7E5DC !important;
border-top-style:solid !important;
border-top-width:1px !important;
}


/* START =4 Header,Main Menu,Submenu, Logo
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* Main Menu #7fb400
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
	#header-wrap
{
	width: 980px;
	max-width: 980px;
	margin: 0 auto;
	height: 35px;
	/*margin-bottom: 20px;
	background: none repeat scroll 0 0 #FFFFFF;
	top: 0;*/
	display: block;
	background-color: #26A9E0;
	/*left: 0;*/
	position: fixed;
	/*z-index:1;	*/
	z-index: 999999990;
	font-size:120%;
	opacity:.8;
	filter:alpha(opacity=80);
	
	
	
}
	#header-wrap:hover
{
		/*width: 100%;*/
	margin: 0 auto;
	/*margin-bottom: 20px;
	background: none repeat scroll 0 0 #FFFFFF;
	top: 0;*/
	display: block;
	/*left: 0;*/
	position: fixed;t
	
	/*z-index: 999990;*/ /*vg:the z-index causes a problem in ie 7 8 */
	font-size:120%;
	opacity:1.0;
	filter:alpha(opacity=100);
	
	
	
}

	#header-main {
		float:left;
		width:auto;
		padding:0;
	}
	#header-login
{
	float: right;
	width: auto;
	padding: 0 5px 0 0;
	left: 0;
	top: 0;
}
	#loginbox-wrap {
		width: auto;
		
	}
	.loginboxmain {
		float:left;
		width:auto;
		padding:0px;
	}
	#loginbox-sidebar {
		float:right;
		width:auto;				
	}

.mainMenu
{
        background-color: #1998CB; /*#27B7CA light blue ibm; #3B5998 blue as in trunk app; #009933 green; new green  #4c8f29*/
        color: #FFFFFF;
        height: 5px;
        margin-right: 5px;
        font-size: 100%;
        
}
.logoimage
{margin-top:0px;
margin-bottom:0px;
/*#margin-bottom:-3px;*//*read only by IE; for margins replace with commented styles below*/
margin-left:0px;
border:0px;
/*margin-top:2px;
margin-bottom:2px;
#margin-bottom:0px;
margin-left:2px;
border:0px;*/}
.mainMenuOver
{  margin-left:-5px;}
.tdmainTDSelected
{        background-color: #a5c2c8;
        color: White;}
td .leftTD
{   width:4px;}
td .rightTD
{   width:4px;}
td .mainTD
{        padding-left: 4px;
        padding-right: 4px;        }
td .leftTDover
{    width:4px;}
td .rightTDover
{   width:4px;}
td .mainTDover
{        padding-left: 4px;
        padding-right: 4px;}
td .leftTDSelected
{   width:4px;}
td .rightTDSelected
{  width:4px;}
td .mainTDSelected
{        padding-left: 4px;
        padding-right: 4px;        }
a.menu, a.menu:visited
{        font-weight: normal;
        text-decoration: none;
        color: #C8D0DD;
        width: auto;
        white-space: nowrap;}
a.menu:hover
{        color: #e1e6f1;}
a.menuSelected
{text-decoration: none;
        font-weight: normal;
        color: White;}
.submenuNav
{        background-color:#FFFFFF;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        }
a.submenu, a.submenu:visited, a.submenuselected, a.enrollsubmenu, a.enrollsubmenu:visited, a.enrollsubmenuselected
{        height: 10px;
        padding: 0px 5px 0px 5px;
        color: #5C75AA /*#6e7184*/;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        border-top-color: #4babce;
        border-right-color: #4babce;
        border-bottom-color: #4babce;
        border-left-color: #4babce;
        border-right-width: 1px;
        border-right-style: solid;
        line-height: 13px;
        clip: rect(auto,auto,auto,auto);}
a.submenu:hover
{        color:#414754;
        text-decoration:none;
        background-color: #e7ebf1;}
a.submenuselected
{   background-color:#3B5998 /*#414754*/;
    color:#FFFFFF;}
.LogedUserStyle
{
        text-align: right;
        line-height: 14px;
        color: #1998CB;
        
}
.form_main
{       
        
		padding:25px;
        float: left;
        background-color:White;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        border:solid 1px #D8D8D8;
        -webkit-box-shadow: 5px 5px 2px #888;
        -moz-box-shadow: 5px 5px 2px #888;
        }
 .small_grids
{       
        margin-bottom:10px;
        margin-top:10px;
		padding:5px;
		
        background-color:White;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        border:solid 1px #D8D8D8;
        -webkit-box-shadow: 5px 5px 2px #888;
        -moz-box-shadow: 5px 5px 2px #888;
        width:100%;
        
        
        }       
.booking_grid, .booking_grid a
{
	background-color: #37B34A;
	color: White;
	font-weight: 900;
	
}

.outreach_grid, .outreach_grid a
{
	background-color: #26A9E0;
	color: White;
	font-weight: 900;
}

 
.donation_grid, .donation_grid a
{
	background-color: #F6921E;
	color: White;
	font-weight: 900;
}

.shop_grid, .shop_grid a
{
	background-color: #E80500;
	color: White;
	font-weight: 900;
}
            
/* 5.1- Login Page
––––––––––––––––*/
#login
{       margin-left: 35px;
        
		padding:25px 10px 25px 25px;
        float: left;
        background-color:White;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        border:solid 1px #D8D8D8;
        -webkit-box-shadow: 5px 5px 2px #888;
        -moz-box-shadow: 5px 5px 2px #888;
        }
        

.login2
        {       
        
		padding:5px;
        float: left;
        background-color:White;
        -moz-border-radius:10px;
        border-radius:10px;
        -webkit-border-radius:10px;
        border:solid 1px #D8D8D8;
        -webkit-box-shadow: 5px 5px 2px #888;
        -moz-box-shadow: 5px 5px 2px #888;
        }
        .login3
        {background-color: White; padding: 20px; -moz-box-shadow: 5px 5px 2px rgb(136, 136, 136);}
        .login3:hover
        {background-color: White; padding: 20px; -moz-box-shadow: 10px 10px 5px rgb(136, 136, 136);}
        
.logininput
{-moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;


border-color:#A8A8A8 #D8D8D8 #D8D8D8 #A8A8A8;
border-style:solid;
border-width:1px;
margin-bottom:3px;}
/*.logininput:hover
{border-color: #17A4ED;
border-style:solid;
border-width:1px;}
.logininput:focus
{        -moz-border-radius-bottomleft: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        border-color: #17A4ED #17A4ED #17A4ED #17A4ED;
        border-style: solid;
        border-width: 1px;
        background-color: #ECFBFF; }*/
.rememberme
{
 font-size:10px;
width:250px;margin-left:115px}
.save
{padding-left:80px; }

.forgotpass
{color:#999999;
font-size:10px;
text-align:left;
text-decoration:underline;width:250px;margin-left:115px
}
.registereduser
{
        -moz-background-clip: border;
        -moz-background-inline-policy: continuous;
        -moz-background-origin: padding;

        background: #9CD9FC none repeat scroll 0 0;
        border: 1px solid Black;
        color: #022E58;
        font-size: 15px;
        font-weight: 900;
        background-color: #E5EBEC;
        text-align: center;
}
.loginerror
{   -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    background: #E7928D none repeat scroll 0 0;
    border: 1px solid #C82820;
    color: #C82820;
    font-size: 15px;
    font-weight: bold;
    }
.newuser
{    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius: 3px;
      -webkit-border-radius: 3px;  
      border-radius: 3px;
    background: #9CD9FC none repeat scroll 0 0;
    border: 1px solid Black;
    color: Black;
    font-size: 15px;
    font-weight: 900;
    background-color: #E5EBEC;
    text-align: center;}
.newuser a
{color:Black;text-decoration:None;}



.item1
{   display:block;
    width:200px;
        -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #9CD9FC none repeat scroll 0 0;
    border: 1px solid Black;
    color: Black;
    font-size: 15px;
    font-weight: 900;
    background-color: #E5EBEC;
    text-align: center;
    margin-left:40px;}
.item1 a,.item2 a, .item3 a, .item4 a
{color:Black;
 text-decoration:none;}
.item2
{    display:block;
    width:200px;-moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius-bottomleft: 3px;
    border-radius-bottomleft: 3px;
    
    background: #9CD9FC none repeat scroll 0 0;
    border: 1px solid Black;
    color: Black;
    font-size: 15px;
    font-weight: 900;
    background-color: #E5EBEC;
    text-align: center;margin-left:40px;}
.item3
{    display:block;
    width:200px;-moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    background: #9CD9FC none repeat scroll 0 0;
    border: 1px solid Black;
    color: Black;
    font-size: 15px;
    font-weight: 900;
    background-color: #E5EBEC;
    text-align: center;margin-left:40px;}
.item4
{    display:block;
    width:200px;-moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
   
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius-bottomleft: 3px;
    border-radius-bottomleft: 3px;
   
   
   
    background: #9CD9FC none repeat scroll 0 0;
    border: 1px solid Black;
    color: Black;
    font-size: 15px;
    font-weight: 900;
    background-color: #E5EBEC;
    text-align: center;margin-left:40px;}


/*contact_edit.aspx CU tabs*/
/*.book
{
	width: 17%;
	float: left;
	background-color: #66CC9A;
	color: #FFFFFF;
	margin: 5px;
	font-size: 150%;
	height: 60px;
	border: 1px solid #1998CB;
	text-decoration: none;
	display: block;
	vertical-align: text-top;
}
.book a
{color:White;display:block;text-decoration:none;}
.book a:hover
{background-color: #FFFFFF;
        color: #66CC9A;height: 60px;}*/

/*.book a:active
{
	background: url(images/book_event_hover.png) 0 0 no-repeat;}

.rollover a {

padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url("rollover-image.gif") 0 0 no-repeat;
}
.rollover a:hover { 
background-position: 0 -35px;
color: #049;
}
.rollover a:active {
background-position: 0 -70px;
color:#fff;
}	*/
/*from application_checkout page*/
.eventname
{font-size:20px;
 font-weight:bold;
 
 }

.done {
    color:#666;
}
.visitors
{
border: solid 1px Red;
}


/*.book a
{	float:left; width:190px; display:block;height:51px;
text-decoration: none;
background-image: url(..//images/nav_main.png);
	background-repeat: no-repeat;
	background-position: -8px -11px;
	}
.book a:hover
{	background-position: -8px -67px;}

*/

.book a
{
	
	float: left;
	width: 240px;
	display: block;
	height: 70px;
	margin-left: 2px;
	text-decoration: none;
	background: url(..//images/book2.png) no-repeat 0px 0px;
}

.book a:hover
{	background-position: 0 -70px;}


.outreach a
{	float:left; width:242px;display:block;height:70px;margin-left:2px;
text-decoration: none;

	background: url(..//images/schedule2.png) no-repeat 0px 0px;}

.outreach a:hover
{	background-position: 0 -70px;}

.donate a
{	float:left; width:242px;display:block;height:70px;margin-left:2px;
text-decoration: none;

	background: url(..//images/donate2.png) no-repeat 0px 0px;}

.donate a:hover
{	background-position: 0 -70px;}	 

.shop a
{	float:left; width:242px;display:block;height:70px;margin-left:2px;
text-decoration: none;

	background: url(..//images/shop2.png) no-repeat 0px 0px;}

.shop a:hover
{	background-position: 0 -70px;}	
.emailus a
{	float:left; width:182px;display:block;height:70px;margin-left:2px;
text-decoration: none;

	background: url(..//images/emailus2.png) no-repeat 0px 0px;}

.emailus a:hover
{	background-position: 0 -70px;}	


.emailus2 a
{	float:left; width:182px;display:block;height:70px;margin-left:2px;
text-decoration: none;

	background: url(..//images/email3.png) no-repeat 0px 0px;}

.emailus2 a:hover
{	background-position: 0 -70px;}	


.book_small a
{
	display:block;
	width:32px;
	height:42px;
	margin-top:5px;
	text-decoration: none;
	background-image: url(..//images/icons-32.png);
	background-repeat: no-repeat;
	background-position: -19px -14px;
}

.book_small a:hover
{	background-position: -19px -58px;}

.outreach_small a
{
	display:block;
	width:32px;
	height:42px;
	margin-top:5px;
	text-decoration: none;
	background-image: url(..//images/icons-32.png);
	background-repeat: no-repeat;
	background-position: -142px -14px;
}

.outreach_small a:hover
{	background-position: -142px -58px;}


.donate_small a
{
	display:block;
	width:32px;
	height:42px;
	margin-top:5px;
	text-decoration: none;
	background-image: url(..//images/icons-32.png);
	background-repeat: no-repeat;
	background-position: -266px -14px;
}

.donate_small a:hover
{	background-position: -266px -58px;}


.shop_small a
{
	display:block;
	width:32px;
	height:42px;
	margin-top:5px;
	text-decoration: none;
	background-image: url(..//images/icons-32.png);
	background-repeat: no-repeat;
	background-position: -389px -14px;
}

.shop_small a:hover
{	background-position: -389px -58px;}

.emailus2_small a
{
	display:block;
	width:32px;
	height:42px;
	margin-top:5px;
	text-decoration: none;
	background-image: url(..//images/icons-32.png);
	background-repeat: no-repeat;
	background-position: -512px -14px;
}

.emailus2_small a:hover
{
	background-position: -512px -58px;
}
       
/*.outreach
{
	width: 20%;
	float: left;
	background-color: #4EBAFF;
	color: #FFFFFF;
	margin: 5px;
	font-size: 150%;
	height: 60px;
	border: 1px solid #1998CB;
	display: block;
	text-decoration: none;
}
.outreach a
{color:White;display:block;text-decoration:none;}
.outreach a:hover
{background-color: #FFFFFF;
        color: #4EBAFF;height: 60px;}
        
.donate
{
        width: 15%;
        float: left;
        background-color: #FBCA54;
        color: #FFFFFF;
        margin: 5px;
        
        font-size: 150%;height: 60px;border: 1px solid #1998CB;
}
.donate a
{color:White;display:block;text-decoration:none;}
.donate a:hover
{background-color: #FFFFFF;
        color: #4EBAFF;height: 60px;}

.shop
{
        width: 15%;
        float: left;
        background-color: #FC575E;
        color: #FFFFFF;
        margin: 5px;
   
        font-size: 150%;height: 60px;border: 1px solid #1998CB;
        
}
.shop a
{color:White;display:block;text-decoration:none;height: 60px;}
.shop a:hover
{background-color: #FFFFFF;
        color: #4EBAFF;height: 60px;}
.contactus
{
        width: 15%;
        float: left;
        background-color: #66CC9A;
        color: #FFFFFF;
        margin: 5px;
       
        font-size: 150%;height: 60px;border: 1px solid #1998CB;
}
.contactus a
{color:White;display:block;text-decoration:none;}
.contactus a:hover
{background-color: #FFFFFF;
        color: #4EBAFF;height: 60px;}*/


/*admin_meta.aspx*/
.two-column
{width:800px;}

.left-column
{width:395px;
 float:left;}

.right-column
{width:395px;
 float:right;}


/* 5.3- Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#loginbutton1
{
        -moz-border-radius-bottomleft: 3px;
        -webkit-border-radius-bottomleft: 3px;
        border-radius-bottomleft: 3px;
        
        
        
        -moz-background-clip: border;
        -moz-background-inline-policy: continuous;
        -moz-background-origin: padding;
        font-size: 14px;
        height: 25px;
        vertical-align: middle;
        line-height: 16px;
        padding: 2px;
        background-color: #0099cc;
        color: White;
        border: 1px solid #0099cc;
        margin-top: 5px;
        display: inline;
        text-align: center;
        letter-spacing: 2px;
}
.loginbutton
{
        font-family:Helvetica;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        
        font-size: 20px;
      
        vertical-align: middle;
        line-height: 30px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #0099cc;
        color: White;
        border: 1px solid #0099cc;
        margin-top: 5px;
        display: inline;
        text-align: center;
        letter-spacing: 2px;
}
.loginbutton:hover
 { color:#0099cc;
   border: 1px solid #0099cc;
    background-color:White;}
.outreach_text
{
	color: #0099cc;
	border: 1px solid #0099cc;
	background-color: White;
	font-family: Helvetica;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 20px;
	
	
	padding-left: 5px;
	padding-right: 5px;
	padding-top:5px;
	padding-bottom: 5px;

	
	text-align: center;
	letter-spacing: 2px;
}
.outreach_text a:hover
{text-decoration:none;
 }    
    
.rules_text
{	color: #0099cc;
	border: 1px solid #0099cc;
	background-color: White;
	font-family: Helvetica;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 20px;
	vertical-align: middle;
	line-height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
	display: block;
	width: 850px;
	text-align: left;
	letter-spacing: 2px;
}    
    .total_price
{
	color: Black;
	font-family: Helvetica;
	font-size: 20px;
	vertical-align: middle;
	line-height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
	display: block;
	width: 860px;
	text-align: right;
	letter-spacing: 2px;
} 
   
/*.loginbutton:active
{   background-color: #FF1C1C;}*/
.button
{
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	
	-webkit-background-clip: border;
	-webkit-background-inline-policy: continuous;
	-webkit-background-origin: padding;
	
	font-size: 24px;
	vertical-align: middle;
	line-height: 36px;
	padding: 2px 14px 2px 2px;
	
	color: White;
	border: 1px solid #1998CB;
	margin-top: 5px;
	display: inline;
	text-align: center;
	letter-spacing: 3px;
	background: #1998CB url(../images/Basic_set_Png/right_16.png) 100% 50% no-repeat;
}
 
 .button a{text-decoration:none;}
 
 .button:hover
{
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	font-size: 24px;
	vertical-align: middle;
	line-height: 36px;
	padding: 2px 14px 2px 2px;
	
	color: #1998CB;
	border: 1px solid #1998CB;
	margin-top: 5px;
	display: inline;
	text-align: center;
	letter-spacing: 3px;
	background: White url(../images/Basic_set_Png/right_16.png) 100% 50% no-repeat;
	text-decoration: none;
}
.button:active
{
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	color:Red;}        

.smallbuttonbook
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	vertical-align: middle;
	padding: 1px;
	background-color: #66CC9A;
	color: White;
	border: 1px solid #66CC9A;
	display: block;
	text-align: center;
	clear: both;
	margin: 1px;
	text-decoration: none;
}
 .smallbuttonbook a{text-decoration:none;color:White;}
 .smallbuttonbook:hover
 {  background-color: White;
        color:#66CC9A;
        border: 1px solid #66CC9A;
 }
.smallbuttonbook:active
{color:Red;} 

.smallbuttonoutreach
{		-moz-border-radius-bottomleft: 3px;
 		-webkit-border-radius-bottomleft: 3px;
 		border-radius-bottomleft: 3px; 
 		clear:both;
        -moz-background-clip: border;
        -moz-background-inline-policy: continuous;
        -moz-background-origin: padding;
        vertical-align: middle;
        padding: 1px;
        background-color: #1998CB;
        color: White;
        border: 1px solid #1998CB;
        display: block;
	text-align: center; clear:both;
	margin:1px; 
        text-decoration: none;
        }
 .smallbuttonoutreach a{text-decoration:none;color:White;}
 .smallbuttonoutreach:hover
 {background-color: White;
        color:#1998CB;
        border: 1px solid #1998CB;}
.smallbuttonoutreach:active
{color:Red;} 


.smallbuttonorder
{
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-radius-bottomleft: 3px;
	border-radius-bottomleft: 3px;
	
	clear: both;

	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	vertical-align: middle;
	padding: 1px;
	background-color: #FC575E;
	color: White;
	border: 1px solid #FC575E;
	display: block;
	text-align: center; clear:both;
	margin:1px;
	text-decoration: none;
}
 .smallbuttonorder a{text-decoration:none;color:White;}
 .smallbuttonorder:hover
 {background-color: White;
        color:#FC575E;
        border: 1px solid #FC575E;}
.smallbuttonorder:active
{color:Red;} 

.smallbuttondonate
{-moz-border-radius-bottomleft: 3px; 
 -webkit-border-radius-bottomleft: 3px; 
 border-radius-bottomleft: 3px; 
 clear:both;
        
        -moz-background-clip: border;
        -moz-background-inline-policy: continuous;
        -moz-background-origin: padding;
        vertical-align: middle;
        padding: 1px;
        background-color: #FBCA54;
        color: White;
        border: 1px solid #FBCA54;
        display: block;
	text-align: center; clear:both;
	margin:1px;
        text-decoration: none;
        }
 .smallbuttondonate a{text-decoration:none;color:White;}
 .smallbuttondonate:hover
 {background-color: White;
        color:#FBCA54;
        border: 1px solid #FBCA54;}
.smallbuttondonate:active
{color:Red;} 

.smallbuttonpledge
{-moz-border-radius-bottomleft: 3px; 
 -webkit-border-radius-bottomleft: 3px; 
 border-radius-bottomleft: 3px; 
 clear:both;
        -moz-background-clip: border;
        -moz-background-inline-policy: continuous;
        -moz-background-origin: padding;
        vertical-align: middle;
        padding: 1px;
        background-color: #66CC9A;
        color: White;
        border: 1px solid #66CC9A;
        display: block;
	text-align: center; clear:both;
	margin:1px;
        text-decoration: none;
        }
 .smallbuttonpledge a{text-decoration:none;color:White;}
 .smallbuttonpledge:hover
 {background-color: White;
        color:#66CC9A;
        border: 1px solid #66CC9A;}
.smallbuttonpledge:active
{color:Red;} 

.smallbuttonemail
{-moz-border-radius-bottomleft: 3px; 
 -webkit-border-radius-bottomleft: 3px; 
 border-radius-bottomleft: 3px; 
 clear:both;
       
        -moz-background-clip: border;
        -moz-background-inline-policy: continuous;
        -moz-background-origin: padding;
        vertical-align: middle;
        padding: 1px;
        background-color: #66CC9A;
        color: White;
        border: 1px solid #66CC9A;
        display: block;
	text-align: center; clear:both;
	margin:1px;
        text-decoration: none;
        }
 .smallbuttonemail a{text-decoration:none;color:White;}
 .smallbuttonemail:hover
 {background-color: White;
        color:#66CC9A;
        border: 1px solid #66CC9A;}
.smallbuttonemail:active
{color:Red;} 

.button2
{	-webkit-border-radius: 5px;
	-webkit-background-clip: border;
	-webkit-background-inline-policy: continuous;
	-webkit-background-origin: padding;
	-moz-border-radius: 5px;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	border-radius: 5px;
	font-size: 14px;
	height: 25px;
	vertical-align: middle;
	line-height: 20px;
	background-color: #1998CB;
	color: White;
	border: 1px solid #1998C;
	display: inline;
	text-align: center;
	margin: 5px 10px 5px 0px;
	letter-spacing: 2px;
	-webkit-box-shadow: 5px 5px 2px #888;
	-moz-box-shadow: 0 0 1em 0.5em  #888;
	box-shadow: 5px 5px 2px #888;
	padding: 2px;
}
.button2:hover
 {background-color:#F0F8FF;
  color:#1998CB;}
.button2:active
{
	vertical-align: bottom;
	color: Red;
	-webkit-box-shadow: 2px 2px 1px #888;
	-moz-box-shadow: 2px 2px 1px #888;
	box-shadow: 2px 2px 1px #888;
}
.button3
{
	-webkit-border-radius: 5px;
	-webkit-background-clip: border;
	-webkit-background-inline-policy: continuous;
	-webkit-background-origin: padding;
	-moz-border-radius: 5px;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	border-radius: 5px;
	font-size: 14px;
	height: 25px;
	vertical-align: middle;
	line-height: 20px;
	background-color: #1998CB;
	color: White;
	border: 1px solid #1998C;
	display: inline;
	text-align: center;
	margin: 5px 10px 5px 0px;
	letter-spacing: 2px;
	padding: 2px;
}
.button3:hover
 {background-color:#F0F8FF;
  color:#1998CB;border:solid 1px #1998CB;}

.button4 {
  margin: 0 3px;
  display: inline-block;
  padding: 2px 10px;
  font: 12px / 13px "Lucida Grande", sans-serif;
  text-shadow: rgba(255, 255, 255, 0.4) 0 1px;
  padding: 3px 6px;
  border: 1px solid Gray;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px, inset 0 20px 20px -10px white;
  -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px, inset 0 20px 20px -10px white;
  box-shadow: rgba(255, 255, 255, 0.4) 0 1px, inset 0 20px 20px -10px white;
}
.button4:hover {
  color:#1998CB;text-decoration:none;
  border-color:Black;}

.button4:active {
  background: #B5B5B5;
 background-image: url(../images/animated/30.gif );
        background-repeat: no-repeat;
        background-position: -1px center; 
  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
  box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
}
.button6 {
  margin: 0 3px;
  display: inline-block;
  padding: 2px 10px;
  font: 12px / 13px "Lucida Grande", sans-serif;
  text-shadow: rgba(255, 255, 255, 0.4) 0 1px;
  padding: 3px 6px;
  border: 1px solid Gray;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px, inset 0 20px 20px -10px white;
  -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px, inset 0 20px 20px -10px white;
  box-shadow: rgba(255, 255, 255, 0.4) 0 1px, inset 0 20px 20px -10px white;
}
.button6:hover {
  color:#1998CB;text-decoration:none;
  border-color:Black;}

.button6:active {
  background: #B5B5B5;

        background-repeat: no-repeat;
        background-position: -1px center; 
  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
  box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
}

.buttonhover {
  display: inline-block;
  padding: 2px 10px;
  font: 12px / 13px "Lucida Grande", sans-serif;
  text-shadow: rgba(255, 255, 255, 0.4) 0 1px;
  padding: 3px 6px;
  border: 1px solid Gray;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px, inset 0 20px 20px -10px white;
  -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px, inset 0 20px 20px -10px white;
  box-shadow: rgba(255, 255, 255, 0.4) 0 1px, inset 0 20px 20px -10px white;
}
.buttonhover:hover {
  color:#1998CB;text-decoration:none;
  border-color:Black;}

.buttonhover:active {
  background: #B5B5B5;
 background-image: url(../images/animated/30.gif );
        background-repeat: no-repeat;
        background-position: -1px center; 
  -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
  box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
}

.button5
{
	/*-webkit-border-radius: 5px;
	-webkit-background-clip: border;
	-webkit-background-inline-policy: continuous;
	-webkit-background-origin: padding;
	-moz-border-radius: 5px;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;*/
	font-size: 18px;
	height: 30px;
	vertical-align: middle;
	line-height: 250px;
	background-color: #1998CB;
	color: White;
	border: 1px solid #1998C;
	display: inline;
	text-align: center;
	margin: 5px 10px 5px 0px;
	letter-spacing: 2px;
	
	padding: 2px;
}
.button5:hover
 {background-color:#F0F8FF;
  color:#1998CB;
  border: 1px solid #1998CB;}


  	 	
 .button2event
 {-moz-border-radius-bottomleft: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        -moz-background-clip: border;
        -moz-background-inline-policy: continuous;
        -moz-background-origin: padding;
        font-size: 14px;
        height: 25px;
        vertical-align: middle;
        line-height: 25px;
        padding: 2px;
        background-color: #1998CB;
        color: White;
        border: 1px solid #1998CB;
		display:block;
		text-align: center; 
		margin:2px;
        letter-spacing: 2px;
        width:170px;}       
 

.header_small
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	
	-webkit-background-clip: border;
	-webkit-background-inline-policy: continuous;
	-webkit-background-origin: padding;
	background-color: #1998CB;
	color: White;
	border: 1px solid #1998CB;
	text-align: center;
	letter-spacing: 2px;
	font-size: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-right: 5px;
	width: 100%;
	display:block;
	vertical-align:middle;
}

#button1
{
background: #222 url(/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

position: relative;
cursor: pointer;
-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(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
}
.button12
{
background: #222 url(/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
position: relative;
cursor: pointer;
-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(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
}
.button12:hover
{
	background-position: #222 url(/images/alert-overlay.png) repeat-x;
	background: #222 url(/images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: -5px 20px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
	-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	margin-right: 15px;
}

/* 5.4- TablesData Grids/Tables
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.event-outreach,
.event-outreach a span.fc-event-bg,
.fc-agenda .event-outreach .fc-event-time,
div.event-outreach a { background-color: #A5F963 !important; opacity: 1; color: #3a3a3a }

.event-booking,
.event-booking a span.fc-event-bg,
.fc-agenda .event-booking .fc-event-time,
div.event-booking a { background-color: #93D4F0 !important; opacity: 1; color: #3a3a3a }

.tr-grid-booking
{
	/*background-color: #93D4F0;*/
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(..//images/booking.png) no-repeat 10px 10px;
}
/*.tr-grid-booking:hover
{color:Red;}*/

.tr-grid-booking:selected
{background-color:Red;}

.tr-grid-outreach
{
	background-color: #A5F963;
	margin-top:10px;
	margin-bottom:10px;
	background: url(..//images/outreach.png) no-repeat 10px 10px;
}
.td-grid-booking, .td-grid-booking a
{
	background-color: #93D4F0;	
}
.td-grid-outreach, .td-grid-outreach a
{
	background-color: #A5F963;	
}

.tableHeader
{
	background-color: Black;
	opacity: .75;
	text-align: left;
	
	color: #ffffff;
	height: 15px;
	vertical-align: middle;
	font-size: 15px;
}
.tablePager
{       background-color: #1998CB;
        height:12px;
        font-size:12px;}
        .tableHeader A, .tableHeader TD, .tableHeader SPAN, .tablePager A, .tablePager td, .tablePager SPAN
{        color: #ffffff;font-size:10px;}

.tableCell1
{        background-color: #EEEEEE;
        color:Black;
        
        font-size:15px;}
.tableCell1 a
{        
        text-decoration:none;}
.tableCell1:hover
{        background-color:  #F0FFFF;
        text-decoration:none;}
.tableCell2
{        background-color: #FFFFFF;
        color: #000000; font-size:15px;}
.tableCell2:hover
{
	background-color: #F0FFFF;
	
	text-decoration: none;
}
.tablePager a
{background-color:#1998CB;
        color: White;}
.tableFooter
{background-color: #1998CB;
 display:block;
 width: auto;
height: 10px;
color: #ffffff;}
/* Online Store
–––––––––––––––*/
.storetableHeader
{        background-color: #3a4150;
        text-align: left;
        font-weight: bold;
        color: #ffffff;
        height: 15px;
        vertical-align: middle;}

.storetablePager
{        background-color: #3a4150;}
.storetableCell1
{        background-color: #dddee0;
        color: #000000;}
.storetableCell2
{        background-color: #bdbfc5;
        color: #000000;}
.storetl
{        /*background-image: url(../images/tl.jpg);
        background-position: left top;
        background-repeat:no-repeat;*/}
.storelblTitle
{color:#ff8a00;}
/* End of Online Store
––––––––––––––––––––––*/
.label
{    font-weight:bold;}
.enroll
{   font-weight:bold;
    color: #333399;}
.btnSubmit
{   border: thin solid #000000;
    color: #ffffff;
    background-color: #90C5E9;
    font-size: small;
    cursor: pointer;
    text-align: center;}
/*.red
{    color:#CC0000;}*/
.data 
{       color:gray;
		/*display:block;
        height:40px;*/}
.data a  
{ text-decoration:none;}      
.data:hover, .data a:hover, .enrollParentLastName a:hover, .enrollParentLastName:hover
{        text-decoration:underline;
         color:Black;}
.enrollParentLastName a, .enrollParentLastName
{   color: #2E3092;
    text-decoration:none;}
.confirmGreen {
        font-size: 10px;
        color: #360;
        line-height: 12px;
        background-color: #fff;
        text-align: left}
.tl
{

        background-repeat:no-repeat;}
.tr
{
        background-repeat:no-repeat;}
div#br
{       background-image: url(../images/br.jpg);
        background-position: right bottom;
        background-repeat:no-repeat;
        vertical-align:bottom;
        display:inline;
        height:20px;}

.pagerGridView
{        background-image: none! important;}
il, ul
{   padding:0;
    margin-left:17px;
    margin-bottom:2px;
    margin-top:2px;}
.radio0
{   background-color: #996600;}
.radio1
{    background-color: #00CC66;}
#contact_search
{        /*border: thin solid #1998CB;*/
        padding: 5px;
        height: auto;
        width: auto;
       background-color:White;-webkit-box-shadow: 5px 5px 3px #888;
	-moz-box-shadow: 5px 5px 3px #888;
}
#instat_stats
{        background-image: url(../images/contact_serach_back.gif);
        background-repeat: no-repeat;
        padding-left: 6px;
        height: 150px;
        width: 330px;}
#class_search
{	border: solid 1px #3B5998; 
 	padding: 0;
	height: auto;
	background-color: White;
	-webkit-box-shadow: 5px 5px 3px #888;
	-moz-box-shadow: 5px 5px 3px #888;
}


#search_header
{padding-left:10px;
 padding-right:10px;
	background-color: Black;
	opacity: .5;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	height: 30px;
	line-height:30px;
	vertical-align: middle;
	font-size: 20px;
	display:block;display: block;
	text-align: center;opacity: .5;
}
#search_header:hover
{opacity:1;}
#show_search
{
	font-weight: bold;
	background-color: Black;
	display:block;
}
#search_body{padding: 5px;}

#enroll_search {
        margin:10px;
        border: solid thin #1998CB;
        padding-left: 6px;
        height: auto;
        width: auto;}
#admin_edit {
        border: solid thin #1998CB;
        padding-left: 6px;
        height: 310px;
        width: 729px;}
.search_head {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
        line-height: normal;
        padding-top: 6px;
        padding-bottom: 10px;
        padding-left: 0px;}
.wrap, .updated, .error line
{   margin: 0pt 0px 0pt 0px;
    padding-top: 0pt;
    padding-right: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    max-width: 980px;}
/*Hover Menu*/
.popupMenu
{	font-size:15px;
	opacity: .70;
	filter:alpha(opacity=70);
}
.popupHover
{       opacity: .65;
		filter:alpha(opacity=65);}
/*Modal Popup*/
.modalBackground {
        background-color:Gray;}
.modalPopup {
        background-color:#ffffdd;
        border-width:3px;
        border-style:solid;
        border-color:Gray;
        padding:3px;
        width:250px;}
/*Textbox Watermark*/
.unwatermarked
{   height: 22px;
    width: 150px;}
.watermarked
{
	height: 22px;
	width: 150px;
	vertical-align:middle;
	border: 1px solid #BEBEBE;
	background-color: #F0F8FF;
	color: #999999;
}

.textboxinline {
        padding:2px 0 0 2px;
        border:1px solid #BEBEBE;
        background-color:#F0F8FF;
        color:gray;}
.MyCalendar .ajax__calendar_container
{   border: 1px solid #646464;
    background-color: #FFFFCC;
    color: red;}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;}
.accordionHeader
{
        border: 1px solid #2F4F4F;
        color: white;
        background-color: #A0EE00;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        margin-top: 5px;
        cursor: pointer;
}
.accordionHeader a
{        color: #FFFFFF;
        background: none;
        text-decoration: none;}
.accordionHeader a:hover
{        background: none;
        text-decoration: underline;}
.accordionHeaderSelected
{
        border: 1px solid #2F4F4F;
        color: white;
        background-color: #1998CB;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        margin-top: 5px;
        cursor: pointer;
}
.accordionHeaderSelected a
{        color: #FFFFFF;
        background: none;
        text-decoration: none;}
.accordionHeaderSelected a:hover
{        background: none;
        text-decoration: underline;}
.accordionContent
{
        background-color: #E7E8ED;
        color: #000000;
        border: 1px dashed #2F4F4F;
        border-top: none;
        padding: 5px;
        padding-top: 10px;
}
/*.navigationBarSelected
{       color: Red;
        font-size: 20px;
        background-image: url(../images/1_step.png );
        background-repeat: no-repeat;}*/
/*.colorsfortooltips
{
	color: #C06254;
	background-color: #66CCFF;
}*/
.navigationBar
{
    color: #33CCFF;

    font-size:20px;
}
.NavigationBarTitle
{
    color: #996600;

    font-size:20px;
}
.navigationBarDisabled
{
    color: #33CCFF;

    font-size:20px;
}

.applicationEditEvent
{
        
        width:100%;
}

.applicationEditSelectedEvent
{
       
        width:100%;
}


/* =9 EXTERNAL INTEGRATION BOX
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#collapsible_div_outer_login
{ display:none;
  background-color: #F5F6F7;}
#collapsible_div_outer_register
{ display:none;
  background-color: #F5F6F7;}
#collapsible_div_outer_account
{ display:none;
  background-color: #F5F6F7;}
/*.error
{ color:Red;}*/
.loginRegister
{ color: #0088CC;}
.loginRegister a
{text-decoration:none;}
.td a
{ color: #FFFFFF;
  text-decoration: none;
  background-color: #0088CC;}

/* =9 Default Page RSS Elements
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.dashboard-widget
{        position: relative;
        width:340px;
        margin-right: 20px;
        border-width: 1px;
        border-style: solid;
        padding: 2px;
        height: 180px;
        overflow: auto;
        font-size: 11px;}
h3.dashboard-widget-title
{
        margin: 0;
       
        font-size: 18px;
        color:White;
        
        background-color: #1998CB;
}
h3.dashboard-widget-title span
{        display: block;
        text-align: left;
        float: left;}
h3.dashboard-widget-title small
{        display: block;
        text-align: right;
        float: right;
        font-size: 75%;
        line-height: 2.67; }
h3.dashboard-widget-title img.rss-icon
{        vertical-align: middle;
        margin: .5em 0;}
.dashboard-widget-content
{    padding-top:5px;
     padding-left:1px;
     padding-right:1px;
     width:auto;
     font-size:12px;}
.dashboard-widget1
{   border-style: solid;
    border-width: 1px;
    position: relative;
    
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    
    font-size: 11px;}
.dashboard-widget-content1
{width:auto;}
/* =9 Footer
––––––––––––––––––––––––––––*/
#footer
{
	font-size: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #17406B;
	color: #17406B;
	background: none repeat scroll 0 0 #FFFFFF;
	-moz-border-radius: 3px;

	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	display: block;
	height: 22px;
	bottom: 0;
	
	position: fixed;
	width: 978px;
	
	
	z-index: 999990;
	padding-top: 5px;
	opacity: .0;
	filter: alpha(opacity=0);
}
#footer:hover
{opacity:.70;
 filter:alpha(opacity=70);}

.release
{   color: White;
    text-decoration: underline;
    float:left;
    
   padding-left:15px;}
.release a
{    color: White;
     }
.release a:hover
{color: #17406B;}
.credit
{   padding-right:15px;
	float: right;}
.credit a
{   color: #17406B;
    text-decoration: underline;}

/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 185 2009-02-09 21:51:12Z emartin24 $
 */
/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}
/* Container */
#contact-container {width:450px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;}
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {color:#d76300; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; background:url(../images/contact/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#contact-container .contact-input-bodymessage {font-family:'Trebuchet MS', Verdana, Arial;float:inherit; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#contact-container textarea {height:114px; width:90px; float:left; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:13px; background:url(../images/contact/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(../images/contact/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:50px; background:url(../images/contact/send.png) no-repeat;}
#contact-container .contact-cancel {width:65px; background:url(../images/contact/cancel.png) no-repeat;}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#999;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}

/*Calendar*/
p,h2
{        margin:2px;}
h1
{       font-size:1.4em;
        margin:2px;}
h2
{        font-size:1.3em;}
.demoButton
{      /* width:80px;*/
        font-size:0.8em;
        font-family:arial;}
#demo_container
{
        width:780px;
        margin-top:3px;}
.demo_appoint_day
{       width:100px;
        float:left;
        background-color: #FFFFD5;
        border-right:1px solid #17A4ED;
        position:relative;}
#demo_top
{       background-color:White;
        height:20px;
        border-bottom:1px solid #17A4ED; /*#17A4ED blue, #ACA899 gray */
        border-top:1px solid #17A4ED;
        width:757px;}
.demoContentTime,.spacer{
        background-color:White;
        text-align:center;
        font-family:arial;
        font-size:28px;
        line-height:49px;
        color :Gray;
        height:49px;
        border-right:1px solid #17A4ED;
        border-left:1px solid #17A4ED;

        width:48px;}
.demo_appointHour
{
        height:49px;
        border-bottom:1px solid #17A4ED;}
.spacer
{        height:20px;
        float:left;}
#demo_cal_hours
{        width:50px;
        float:left;}
.demoContentTime{
        border-bottom:1px solid #17A4ED;
}
#demo_cal_appointments{
        width:707px;
        float:left;
}
.demoContentTime .content_hour{
        font-size:14px;
        /*vertical-align:super;*/
        line-height:49px;
        
}

#demo_cal_content{
        /*clear:both;*/
        /*height:540px;*/
        position:relative;
        /*overflow:auto;*/

}

.demo_appoint_time
{
    position: absolute;
    /*border: 1px solid #000;*/
    right: 0px;
    top: 12px;
    width: auto;
    height: 12px;
    z-index:2300;
    font-size: 0.7em;
   /* //font-size:0.8em;*/
    padding: 1px;
    color:White;
    background-color: #90C5E9; text-align: right; font-family: Arial;   }

.evtIndicator{
        background-color:#00F;
        /*z-index:2300;
        */
        display:none;
        position:absolute;
}
.days div
{
	width: 100px;
	float: left;
	background-color: #A0EE00;
	color: Black;
	text-align: center;
	font-family: Arial;
	height: 20px;
	font-size: 1.4em;
	line-height: 20px;
	border-right: 1px solid #17A4ED;
	}
.demo_cal_anAppointment
{
	position: absolute;
	background-color: #FFF;
	border: 1px solid #000;
	/*z-index: 2300;*/
	overflow: hidden;
	margin-left: 5px;
}
.demo_appoint_header
{   height: 4px;
    background-color: #02569E;}
.demo_appoint_headerActive
{   height: 4px;
    background-color: #C3D9FF;}
.demo_appoint_textarea
{        font-size:0.7em;
        font-family:arial;}
.demo_appoint_txt
{   font-size: 1.2em;
    /*#font-size:1.5em;*/
    font-family: Helvetica;
    padding: 2px;
    padding-top: 0px;
    color: White;
    width: 100%;
    margin-right: auto;}
.demo_appoint_footer
{        position:absolute;
        bottom:-1px;
        border-top:1px solid #000;
        height:4px;
        width:100%;
        font-size:0.8em;
        background-color:#000;}
 .cal
 {width:auto;
  /*#margin-right:0px;*/
  margin-right:6px;}       
/* End of Calendar application_registration/selectioncalendar.ascx */

/*from jquerymultiselect.css*/
.multiSelect
{       width: 80px;
        border: solid 1px #BBB;
        background: #FFF url('../images/dropdown.gif') right center no-repeat;
        padding: 2px 4px;
        padding-right: 20px;
        display: inline; }
.multiSelect.hover
{        background: url( '../images/dropdown_hover.gif' ) no-repeat right center;}
.multiSelect.active,.multiSelect.focus
{        border: inset 1px #000;}
.multiSelect.active
{        background: url('../images/dropdown_active.gif') right center no-repeat;}
.multiSelectOptions
{   max-width:300px;    
	width: 250px;
        max-height: 150px;
        margin-top: -1px;
        overflow: auto;
        border: solid 1px #B2B2B2;
        background: #FFF;}
.multiSelectOptions LABEL {
        padding: 2px 5px;
        display: block;}
.multiSelectOptions LABEL.checked {
        background: #E6E6E6;}
.multiSelectOptions LABEL.selectAll {
        border-bottom: dotted 1px #CCC;
}

.multiSelectOptions LABEL.hover {
        background: #CFCFCF;
}

/*from tooltipcontent.css*/
div.example {
        margin-bottom: 20px;
        position: relative;
}

div.ie-fix {
  overflow: visible;
  height: 0;
}

.target {
        width: 80px;
        text-align: center;
        border: 2px solid #666666;
        padding: 5px;
        background-color: #00FFFF;
        height: 45px;
        display: block;
        float: left;
}

input.alt-target {
        width: 80px;
}

#page {
        width: 600px;
        margin-right: auto;
        margin-left: auto;
        background-color: #EEE;
        padding: 2em;
        margin-top: 0px;
        margin-bottom: 0px;
}

.desc {
  margin-left: 100px;
}

.source {
         /*clear: both;*/
}

.html-source, .js, .css-source {
        font-family: "Courier New", Courier, monospace;
        background-color: #FFF;
        /*clear: both;*/
}

.html-source textarea, .js textarea, .css-source textarea {
  font-family: "Courier New", Courier, monospace;
        font-size: 11px;
}

.html-link a:focus, .js-link a:focus, .css-link a:focus {
  outline: none;
  
}

/** Google maps demo **/

#example17 {
  cursor: pointer;
}

.gmap {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: relative;  
}

.gmap-title {
  font-size: 16px;
  font-weight: bold;

}

.gmap-title-small {
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  white-space: normal;
}

.gmap-addr {
  padding-bottom: 15px;
  padding-top: 5px;
}

.gmap-close {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
}
.eventDescription-small
{
    /*border : solid 1px #000000;*/
    padding : 4px;
    height : 70px;
    white-space: normal;
}

.eventDescription{
    border : solid 1px #000000;
    padding : 4px;
    height : 80px;
    overflow : auto;
}

/*from uicombox.css*/
/*
 * vim: noexpandtab
 */
img.ui-combobox-arrow {
        position: relative;
        vertical-align: text-bottom;
        top: 2px;
}

* html img.ui-combobox-arrow {
        top: -3px;
}

.ui-combobox-list {
        border: 1px solid black;
}

.ui-combobox-list, .ui-combobox-item {
        display: block;
        font-family: sans-serif;
        font-size: 100%;
        background-color: white;
}

.ui-combobox-list .selected {
        background-color: #eeeeff;
        border-top: 1px solid blue;
        border-bottom: 1px solid blue;
        font-weight: bold;
}
/*START OF CALENDAR, from ui.datepicker.css*/

/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-week-over
{background-color:Green;
 color:Red;}

#ui-datepicker-div, .ui-datepicker-inline
{
	background-position: #ddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #3080B6;
	width: 185px;
}
#ui-datepicker-div {
        display: none;
        border: 1px solid #777;
        z-index: 9999; /*must have*/
}
.ui-datepicker-inline {
        float: left;
        display: block;
        border: 0;
}
.ui-datepicker-rtl {
        direction: rtl;
}
.ui-datepicker-dialog {
        padding: 5px !important;
        border: 4px ridge #ddd !important;
}
button.ui-datepicker-trigger {
        width: 25px;
}
img.ui-datepicker-trigger {
        margin: 2px;
        vertical-align: middle;
}
.ui-datepicker-prompt {
        float: left;
        padding: 2px;
        background: #ddd;
        color: #000;
}
* html .ui-datepicker-prompt {
        width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
        clear: both;
        float: left;
        width: 100%;
        color: #fff;
}
.ui-datepicker-control
{
	background-position: #4EB7E3;
	background: #3080B6;
	padding: 2px 0px;
}
.ui-datepicker-links {
        background: #000;
        padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
        font-weight: bold;
        font-size: 80%;
}
.ui-datepicker-links label
{
	/* disabled links */
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
        float: left;
        width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
        float: right;
        text-align: right;
}
.ui-datepicker-current {
        float: left;
        width: 30%;
        text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
        float: right;
        width: 34%;
        text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
        float: left;
        text-align: left;
}
.ui-datepicker-header {
        padding: 1px 0 3px;
        background: #333;
        text-align: center;
        font-weight: bold;
        height: 1.3em;
}
.ui-datepicker-header select {
        background: #333;
        color: #fff;
        border: 0px;
        font-weight: bold;
}
.ui-datepicker {
        background: #ccc;
        text-align: center;
        font-size: 100%;
}
.ui-datepicker a {
        display: block;
        width: 100%;
}
.ui-datepicker-title-row {
        background: #777;
}
.ui-datepicker-days-row
{
	
	background: #eee;
	color: #666;
}
.ui-datepicker-week-col
{
        background: #777;
        color: #fff;
}
.ui-datepicker-days-cell {
        color: #000;
        border: 1px solid #ddd;
}
.ui-datepicker-days-cell a{
        display: block;
}
.ui-datepicker-week-end-cell {
        background: #ddd;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
        background: #777;
}
.ui-datepicker-days-cell-over {
        background: #fff;
        border: 1px solid #777;
}
.ui-datepicker-unselectable {
        color: #888;
}
.ui-datepicker-today
{
        /*background-position: #61E000 !important;*/
        background: #61E000 !important;
}
.ui-datepicker-current-day {
        background: #999 !important;
}
.ui-datepicker-status {
        background: #ddd;
        width: 100%;
        font-size: 80%;
        text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {
        cursor: pointer;
        margin: 0;
        padding: 0;
        background: none;
        color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
        padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
        padding: 2px 5px !important;
        color: #eee !important;
}
.ui-datepicker-title-row a {
        color: #eee !important;
}
.ui-datepicker-control a:hover {
        background: #fdd !important;
        color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
        background: #ddd !important;
        color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
        border: 1px solid #777;
}
.ui-datepicker-one-month {
        float: left;
        width: 185px;
}
.ui-datepicker-new-row {
        clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    /*filter: mask(); must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/*END of Calendar*/

/*from ui.dropslide.css*/
/* ui.dropslide */

.ui-dropslide      { position:absolute; }
.ui-dropslide ol   {
    margin-top:2px;
    list-style-type:none;
    list-style:none;
}
.ui-dropslide li   {
    float:left;
    margin:0;
    padding:0;
    list-style-type:none;
    list-style:none;
}
.ui-dropslide span {
    font-size:.7em;
    padding:4px 6px 4px 6px;
    margin-left:2px;
    text-align:center;
    cursor:pointer;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    display:block;
    text-align:center;
}

.expandAll
{
    width: 100%
}
.programNames
{
    border-width: thin;
    border-style: dashed;
    border-color: Red;
    background-color: #e7e8ed;
    padding: 5px
}
.programNamesTitle
{
    font-size: 1.1em;
}
.programNamesNoneSelected
{
    color: green
}
.programNames li
{
    color: Maroon;
    font-size: 1.1em;
}
.programNameSelect
{	padding-top:15px;
	
    color: white;
    font-size: 1.6em;
    text-transform:  uppercase;
}
.programNameDeselect
{
    color: Maroon;
    font-size: 1.6em;
    text-transform:  uppercase;
}
div.pnlProgramNamesContinue
{
    margin-top: 10px
}
/*.top
{
    vertical-align: top;
}*/
.right
{
    text-align: right
}
.flright
{
    float: right
}
#outreach-programTypes
{
    clear: left;
    margin-top: 20px
}
#outreach-programTypes ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#outreach-programTypes ul li
{
    font-size: 1.2em
}

.selected-calendar-row
{
        background-color: #A0EE00;
}

.selectEventMessageHidden
{
    visibility:hidden  ;
    
}
.selectEventMessage
{
	visibility: visible;
	color: Black;
	font-size: 15px;
	width: 178px;
	background-color: White;
	border: solid 1px Red;
	padding: 2px;
	background: url(../images/images/arrow_right.png) 95% 50% no-repeat;
	
}
.wrap-multiSelect2
{
	-webkit-box-shadow: #D1DAE1 0px 2px 3px inset;
	-moz-box-shadow: #D1DAE1 0px 2px 3px inset;
	border: 5px solid #E8EDF0;
	margin-bottom: 10px;
	-moz-text-shadow: white 0px 1px 0px;
	-webkit-text-shadow: white 0px 1px 0px;
	float: none;
	clear: both;
	background: url(../images/info.png) 100% 55% no-repeat;
}

/* for expanded lists only
div.wrap-multiSelect
{
    height: 150px;
    margin-top: 5px;
    margin-bottom: 5px;
    white-space: nowrap;
    float: none;
    clear: both;
}
*/

/*from jscolor_picker.css*/
        #ids_colorPicker{
                position:absolute;
                width:250px;
                padding-bottom:1px;
                background-color:#FFF;
                border:1px solid #317082;

                width: 252px;        /* IE 5.x */
                width/* */:/**/250px;        /* Other browsers */
                width: /**/250px;

        }

        #ids_colorPicker .colorPicker_topRow{
                padding-bottom:1px;
                border-bottom:3px double #317082;
                background-color:#E2EBED;
                padding-left:2px;

                width: 250px;        /* IE 5.x */
                width/* */:/**/248px;        /* Other browsers */
                width: /**/248px;

                height: 20px;        /* IE 5.x */
                height/* */:/**/16px;        /* Other browsers */
                height: /**/16px;

        }

        #ids_colorPicker .colorPicker_statusBar{
                height:13px;
                padding-bottom:2px;
                width:248px;
                border-top:3px double #317082;
                background-color:#E2EBED;
                padding-left:2px;
                clear:both;

                width: 250px;        /* IE 5.x */
                width/* */:/**/248px;        /* Other browsers */
                width: /**/248px;

                height: 18px;        /* IE 5.x */
                height/* */:/**/13px;        /* Other browsers */
                height: /**/13px;

        }

        #ids_colorPicker .colorSquare{
                margin-left:1px;
                margin-bottom:1px;
                float:left;
                border:1px solid #000;
                cursor:pointer;

                width: 12px;        /* IE 5.x */
                width/* */:/**/10px;        /* Other browsers */
                width: /**/10px;

                height: 12px;        /* IE 5.x */
                height/* */:/**/10px;        /* Other browsers */
                height: /**/10px;

        }

        .colorPickerTab_inactive,.colorPickerTab_active{

                height:17px;
                padding-left:4px;
                cursor:pointer;


        }
        .colorPickerTab_inactive span{
                background-image:url('images/tab_left_inactive.gif');
        }

        .colorPickerTab_active span{
                background-image:url('images/tab_left_active.gif');

        }
        .colorPickerTab_inactive span, .colorPickerTab_active span{
                line-height:16px;
                font-weight:bold;
                font-family:arial;
                font-size:11px;
                padding-top:1px;
                vertical-align:middle;
                background-position:top left;
                background-repeat: no-repeat;
                float:left;
                padding-left:6px;
                /*-moz-user-select:no;*/
        }
        .colorPickerTab_inactive img,.colorPickerTab_active img{
                float:left;
        }
        .colorPickerCloseButton{
                width:11px;
                height:11px;
                text-align:center;
                line-height:10px;
                border:1px solid #317082;
                position:absolute;
                right:1px;
                font-size:12px;
                font-weight:bold;
                top:1px;
                padding:1px;
                cursor:pointer;

                width: 15px;        /* IE 5.x */
                width/* */:/**/11px;        /* Other browsers */
                width: /**/11px;

                height: 15px;        /* IE 5.x */
                height/* */:/**/11px;        /* Other browsers */
                height: /**/11px;


        }
        #colorPicker_statusBarTxt{
                font-size:11px;
                font-family:arial;
                vertical-align:top;
                line-height:13px;

        }
        form{
                float:left;
                height:100%;
        }

        .form_widget_amount_slider{
                border-top:1px solid #9d9c99;
                border-left:1px solid #9d9c99;
                border-bottom:1px solid #eee;
                border-right:1px solid #eee;
                background-color:#f0ede0;
                position:absolute;
                bottom:0px;

                width: 5px;        /* IE 5.x */
                width/* */:/**/3px;        /* Other browsers */
                width: /**/3px;

                height: 5px;        /* IE 5.x */
                height/* */:/**/3px;        /* Other browsers */
                height: /**/3px;

        }
        .colorSliderLabel{
                width:15px;
                height:20px;
                float:left;
                font-size:11px;
                font-weight:bold;
        }
        .colorSlider{
                width:175px;
                height:20px;
                float:left;
        }
        .colorInput{
                width:45px;
                height:20px;
                float:left;
        }
        .colorPreviewDiv{
                width:186px;
                margin-right:2px;
                margin-top:1px;
                border:1px solid #CCC;
                height:20px;
                float:left;
                cursor:pointer;

                width: 188px;        /* IE 5.x */
                width/* */:/**/186px;        /* Other browsers */
                width: /**/186px;

                height: 22px;        /* IE 5.x */
                height/* */:/**/20px;        /* Other browsers */
                height: /**/20px;


        }
        .colorCodeDiv{
                width:50px;
                height:20px;
                float:left;
        }
/*from superfish.css*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;text-decoration:none;
list-style-position:outside;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;text-decoration:none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	
	border-right:	1px solid #fff;
/*border-top:		1px solid #CFDEFF;
		border-bottom:		1px solid #CFDEFF;*/
	padding: 		.75em 1em;
	text-decoration:none;
	color:White;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			White;
}
.sf-menu li
{	/*background-position: #0164A8;*/
	/*background-position: #0164A8;*/
	background-position: #26A9E0;
	background: #26A9E0;
	text-decoration: none;
	color: White;
}
.sf-menu li li
{	/*background-position: #0164A8;*/
	background: #26A9E0;}

.sf-menu li li:hover
{   /*background-position: #CBE2F2;*/
	background: #CBE2F2;color:Black;text-decoration: none;
}

.sf-menu li li li
{
	/*background-position: #CBE2F2;*/
	background: #CBE2F2;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active
{	
	background-color: #4495CD;
	outline: 0;text-decoration: none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	border-top-right-radius: 17px;
	border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*from jquery.autocomplete.css */
.ac_results {
        padding: 0px;
        border: 1px solid black;
        background-color: white;
        overflow: hidden;
        z-index: 99999;
}

.ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
}

.ac_results li {
        margin: 0px;
        padding: 2px 5px;
        cursor: default;
        display: block;
        /*
        if width will be 100% horizontal scrollbar will apear
        when scroll mode will be used
        */
        /*width: 100%;*/
        font: menu;
        font-size: 12px;
        /*
        it is very important, if line-height not setted or setted
        in relative units scroll will be broken in firefox
        */
        line-height: 16px;
        overflow: hidden;
}

.ac_loading {
        background: white url('../images/indicator.gif') right center no-repeat;
}

.ac_odd {
        background-color: #cfdeff;
}

.ac_over {
        background-color: #0A246A;
        color: white;
}


/*from timepicker.css*/
.ui-timepickr ol li.hour, 
.ui-timepickr ol li.minute, 
.ui-timepickr ol li.second { width:30px; }

/* system theme (default) */

span.ui-timepickr span {
    border-width:1px;
    border-style:solid;
    /*border-color:ThreeDLightShadow ThreeDShadow ThreeDShadow ThreeDLightShadow;*/
    color:ButtonText;
    background:ButtonFace;
}

span.ui-timepickr span.ui-state-hover {
    color:HighlightText;
    background:Highlight;
}



.strike {
    text-decoration:line-through;
}

#version {
    color:#666;
    position:fixed;
    right:0;
    top:20px;
    font-size:80%;
}
#version em {
    color:#FFF;
    font-weight:bold;
    margin:0 20px 0 4px;
    padding:4px 6px;
    background:#3679AE url('btn-hover.png') repeat-x!important;
    color:#fff!important;
    height:13px;
    padding:4px 7px 4px 5px;
    font-family:monospace;
    font-size:120%;
    font-weight:bold;
    border:1px solid #bbb;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
a {
    /*color:#3679AE;*/
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
em {
    color:#dec;
}
ul,
ol,
p {
    padding:10px 20px 5px 0;
}
p {
    line-height:1.1em;
}
li {
    list-style-type:square;
    margin-left:20px;
    color:#aaa;
    padding:2px 0;
    font-size:90%;
}
label {
    font-size:80%;
    color:#666;
    margin-right:6px;
}
pre {
    background:#222;
    border-top:1px solid #333;
    border-bottom:1px solid #333;
    padding:20px;
    font-family:monospace;
    line-height:1.3em;
}
h2 {
    font-weight:normal;
}
h3 {
    font-weight:normal;
    color:#666;
}
#title {
    color:#fff;
    padding:0;
    top:10px;
    left:70px;
    position:absolute;
}
#bd {
    margin-left:80px;
    width:700px;
    padding-top:20px;
}
#bd h2 {
    border-bottom:1px solid #333;
    font-size:160%;
    letter-spacing:2px;
    margin-top:20px;
    margin-bottom:10px;
    padding-bottom:8px;
    padding-top:20px;
}
#bd h3 {
    margin:20px 0 10px 0;
}
#hd {
    height:40px;
}
#nv {
    list-style:none;
    position:fixed;
    left:405px;
    top:20px;
    margin:0;
    padding:5px;
    font-size:80%;
    border:1px solid #333;
    background:#333 url('btn.png') repeat-x!important;
    z-index:10000;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
}

#nv li {
    float:left;
    list-style-type:none;
    padding:0;
    margin:0;
    border-left:1px solid #333;
}
#nv li a {
    color:#999;
    text-decoration:none;
    padding:3px 12px;
}
#nv li a:hover {
    color:#fff;
    background:#3679AE url('btn-hover.png') repeat-x!important;
}
#title span {
    color:#999;
    font-weight:normal;
}
#title em {
    color:#3679AE;
}
#splash {
   /* height:120px;
    margin-top:27px;
    border-top:1px solid #333;
    border-bottom:1px solid #666;*/
}

#splash #demoTimer {
   position:absolute;
   /*margin:20px 0 0 80px;*/
   color:#fff;
}
#splash #demoTimer h2 {
    font-weight:normal;
    font-size:120%;
    letter-spacing:2px;
    padding:0 0 10px 0;
    color:#888;
    margin:0;
}

#splash #demoTimer h4 {
    font-size:.8em;
    margin:0 0 8px 0;
    color:#666;
    font-weight:normal;
}
.demoTimer-wrapper {
    position:absolute;
    width:650px;
}
#splash #demoTimer-nav {
    position:absolute;
    margin:55px 0 0 540px;
    font-size:120%;
}
#splash #demoTimer-nav li {
    color:#444;
}
#splash #demoTimer-nav li a:hover {
    color:#def;
    text-decoration:none;
}

.google-adsense {
    margin:20px 0 10px 80px;
}
.subsection {
    margin-bottom:10px;
}
.copyright {
    margin-top:20px;
}
.license,
.copyright {
    font-size:70%;
    color:#666;
    padding-left:80px;
}

#downloads-list li {
    list-style:none;
    font-size:105%;
    padding:10px 0;
}
#downloads-list li img {
    margin:0px 5px -2px 0;
}

table.milestones {}
table.milestones thead th {
    background:#222;
    color:#444;
    font-size:80%;
    font-weight:normal;
    padding:4px;
    border-bottom:1px solid #666;
}
table.milestones tbody th {
    background:#222;
    border-bottom:1px solid #666;
    border-right:3px solid #666;
    vertical-align:middle;
}
table.milestones tbody td {
    border-bottom:1px solid #666;
    padding:8px;
}

tr:hover li.done {
    text-decoration:none;
}

tr.major th {
    font-size:120%!important;
    background:#444!important;
    color:#fff;
}
tr.major td {
    background:#333!important;
}

tr.minor th {
    font-size:80%!important;
    background:#222!important;
    font-weight:normal!important;
}
tr.minor td {
    font-size:80%!important;
    background:#222!important;
    color:#999!important;
}

a.glass {
    height:13px;
    padding:5px 10px 5px 10px;
    background:#333 url('btn.png') repeat-x!important;
    border:1px solid #666;
    font-family:monospace;
    font-size:100%;
    font-weight:bold;
    color:#ccc!important;
    text-decoration:none;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

a.glass:hover {
    background:#3679AE url('btn-hover.png') repeat-x!important;
    border:1px solid #999;
    color:#fff!important;
}

/* Dark theme */
input.demoTimer {
    border:1px solid #999;
    background:#ccc;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    font-size:100%;
    width:58px;
    text-align:center;
    color:#666;
    font-weight:bold;
}
input.demoTimer:focus {
    border-color:#fff;
    color:#333;
}
.dark li.ui-timepickr span {
    background:#333 url('btn.png') repeat-x!important;
    font-family:monospace;
    font-size:100%;
    font-weight:bold;
    color:#ccc!important;
}
.dark li.ui-timepickr.hover span {
    background:#3679AE url('btn-hover.png') repeat-x!important;
    color:#fff!important;
}


.clear
{
    clear: both;
}

div.appEventApproved
{
     clear: both; 
     text-align: right;
     padding-top: 10px; 
     font-size: 8px;
}

#events-calendar 
{
    width: 900px;
    margin: 0 auto;
}

.switch-link
{
    cursor: pointer;
}

.switch-link:a
{
    cursor: pointer;
}
.switch-link:hover
{
    color: blue;
    text-decoration:underline;
}

div.contacts-search
{
    height: 80px;
    
    width: 772px;
    padding: 10px;
    float:left;
}
div.contacts-search > div
{
    float: left;
    margin-left: 5px
}
div.contacts-search:first-child
{
    float: left    
}


.pointer
{
	cursor: pointer;
}

.highlighttext
{-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
        
        -moz-background-clip: border;
        -moz-background-inline-policy: continuous;
        -moz-background-origin: padding;
        
        vertical-align: middle;
       
     
        background-color: #1998CB;
        color: White;
        border: 1px solid #1998CB;
       
        display: inline;
        text-align: center;
        letter-spacing: 2px;}
 .highlighttext a{text-decoration:none;color:Green;}
 .highlighttext:hover
 {-moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-background-clip: border;
        -moz-background-inline-policy: continuous;
        -moz-background-origin: padding;
        
        
        vertical-align: middle;
   
        background-color: White;
        color:#1998CB;
        border: 1px solid #1998CB;
       
        display: inline;
        text-align: center;
        letter-spacing: 2px;
        text-decoration:none;}
.highlighttext:active
{color:Red;}

.nowrap
{
    white-space: nowrap
}

.tr-rowx
 {font-size:125%;
  
  margin:1.5em 0 0;
  width:100%;}
  
  .td-labelx
{
	
	font-size: 16px;
	line-height: 32px;
	text-align: right;
	vertical-align: top;
	color:gray;
	width:50%;
	
}
.td-fieldx
{height:32px;
 padding:5px;
 width:50%;}
 
 .tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center;}
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: -20px; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; margin-left:220px; left:200px; right: 220px; width: 5px; height: 9px; }
  #gravity { width: 100%; margin: 5px 0; border-spacing: 5px; }
  #gravity td { text-align: center; vertical-align: middle; padding: 5px 0; background-color: #d0d0d0; }
  #gravity a { }
    #gravity a:hover { color: #505050; background: none; }
  .checkboxx
  {padding-left:30px;
   margin-right:0px;
   padding-right:-10px;
  	}