* {

}

body {
/*    background-image: url("../images/Back.png");*/
    margin: 0px;
    padding: 0px;
    z-index: 0;
    background-color: #ECECEC;
    min-width:320px;
}
#addEventTable select
{
    font-weight: bold;
}
#NoJavascriptContainer {
    position: absolute;
    width: 600px;
    height: 400px;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px;
    border: 5px outset #AAA;
    background-color: #FFBBBB;
}

#NoJavascriptTitle {
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 0.2em;
    background-image: url("../images/regularHeader.PNG");
    background-repeat: repeat-x;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
}

#NoJavascriptContent {
    text-align: left;
    padding: 10px;
    font-weight: bold;
    color: #401010;
}

#ContentArea {
    margin: 30px;
    padding: 10px;
    border-top: 2px solid #BBB;
    border-left: 2px solid #BBB;
    border-right: 4px solid #888;
    border-bottom: 4px solid #888;
    background-image: url("../images/SC_Back.png");
    visibility: hidden;
}

#ContentAreaNotHidden {
    margin: 30px;
    padding: 10px;
    border-top: 2px solid #BBB;
    border-left: 2px solid #BBB;
    border-right: 4px solid #888;
    border-bottom: 4px solid #888;
    background-image: url("../images/SC_Back.png");
}

#LogoDiv {
    margin-top: 10px;
    width: 300px;
    height: 60px;
    position: relative;
    display: block;
    visibility: visible;
    
    
}

#LogoDiv img {
    width: 100%;
    height: 100%;  
}

#AjaxWaitDivOuterContainer {
    position: fixed;
    left: 5%;
    bottom: 5%;
}

#AjaxWaitDivInnerContainer {
    display: none;
    position: relative;
    width: 144px;
    height: 32px;
    background-image: url("../images/AjaxLoadingBack.png");
    color: #FFF;
    filter: alpha(opacity=60);
    opacity: 0.6;
    z-index: 10000;
    padding: 8px;
}

#AjaxWaitDivInnerContainer p {
    color: #CCC;
    display: inline;
    font-family: Helvetica, sans-serif;
    font-weight: bold;
    font-size: larger;
    vertical-align: middle;
}

#AjaxWaitDivInnerContainer img {
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

#NavBar {
    background-color: #F8F8F8;
    border: 2px inset #CCCCCC;
    visibility: hidden;
    min-width: 460px;
  
}
#EventEventInfoArea
{
    position: relative;
    float: left;
    width: 100%;
    

}
#EventEventInfoAreaTop table{
    width:100%;
}
#SC_EventTableContainer
{
    position: relative;
    float: left;
    margin: 0px;
    width: 100%;
    
}

#LocationTypeLocationTypeInfoArea
{
    position: relative;
    float: left;
    width: 100%;


}
#LocationTypeLocationTypeInfoAreaTop table{
    width:100%;
}
#SC_LocationTypeTableContainer
{
    position: relative;
    float: left;
    margin: 0px;
    width: 100%;

}


#logoutButton{

    
    position:relative;
    float : right;
    right : 10%;
    margin-top: -30px;
    
}

#UserLogin {
    display: none;
    border-top: 1px solid #909090;
    border-left: 1px solid #909090;
    border-bottom: 2px ridge #909090;
    border-right: 2px ridge #909090;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 180px;
    margin: -90px 0 0 -200px;
    background-color: #f0f0f0;
    text-align: right;
    visibility: visible;
}

#LblTitle {
/*    text-align: center;
    background-color: #d0d0d0;
    border-bottom: 1px solid #b0b0b0;
    font-weight: bold;
    font-size: large;*/


    /*    background-color: #0055AA;*/
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;

    padding-bottom: 0.2em;


    background-image: url("../images/regularHeader.PNG");
    background-repeat: repeat-x;
/*    -moz-box-shadow:inset -17px -12px 11px -8px #151dbd;
    -webkit-box-shadow:inset -17px -12px 11px -8px #151dbd;
    box-shadow:inset -17px -12px 11px -8px #151dbd;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2b00d6), color-stop(1, #9fbbeb) );
    background:-moz-linear-gradient( center top, #2b00d6 5%, #9fbbeb 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b00d6', endColorstr='#9fbbeb');
    background-color:#2b00d6;*/

    font-family:arial;
    font-size:15px;
    font-weight:bold;

/*    text-decoration:none;*/

}

#Label {
    font-weight: bold;
    text-align: left;
    margin-top: 10px;
    margin-left: 10px;
}

#TxtUserField {
    width: 300px;
    margin-right: 10px;
}

#TxtPassField {
    width: 300px;
    margin-right: 10px;
}

#BtnOk {
    margin: 10px;
}

#LoginError {
    margin-left: 10px;
    margin-bottom: 10px;
    color: #F00;
    text-align: left;
    font-weight: bold;
}

#SchoolClosingsContainer {
    text-align: center;
}

#SchoolClosingsActionBar {
    margin-bottom: 2em;
}

.PageTableContainer {
    text-align: left;
}

.PageTableHeader {
    position: relative;
    float: left;
    width: 99.87%;
    height: 1.3em;
    margin: 0px;
/*    background-color: #D0D0D0;*/
    font-weight: bold;
    border-right: solid 1px #666;
    border-left: solid 1px #666;
    border-top: solid 1px #666;
    color: #FFFFFF;
    font-family:arial;
    font-size:15px;
    font-weight:bold;


    background-image: url("../images/pageTableHeader.PNG");
    background-repeat: repeat-x;



/*    -moz-box-shadow:inset 0px -9px 13px -3px #b5b5b5;
	-webkit-box-shadow:inset 0px -9px 13px -3px #b5b5b5;
	box-shadow:inset 0px -9px 13px -3px #b5b5b5;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #525052), color-stop(1, #a3a3a3) );
	background:-moz-linear-gradient( center top, #525052 5%, #a3a3a3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#525052', endColorstr='#a3a3a3');
	background-color:#525052;
	display:inline-block;
	color:#FFFFFF;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	
	text-decoration:none;*/



}

.PageTableBody {
    width: 100%;
    clear: both;
    table-layout: fixed;
    border-collapse: collapse;
    border-right: solid 1px #666;
    border-left: solid 1px #666;
    border-bottom: solid 1px #666;
}

.PageTableHeaderColumn {
    position: relative;
    float: left;
    display: inline;
    width: 33.33%;
}

.PageTableHeaderColumn img {
    vertical-align: middle;
}

.PageTableBodyColumn {
/*    margin: 0px;
    width: 33.33%;
    word-wrap: break-word;*/
    overflow: hidden;
    
}

.PageTableActionBar {
    margin: 0px;
    text-align: center;
}

.PageTableActionBarPageArea {
    display: inline-block;
    white-space: nowrap;
}

.PageTableActionBarSearchArea {
    margin-left: 5%;
    margin-right: 5%;
    display: inline-block;
    white-space: nowrap;
    
}

.PageTableActionBarLimitArea {
    display: inline-block;
    white-space: nowrap;
}

#SchoolClosingsHeader {
    position: relative;
    float: left;
    width: 100%;
    margin: 1em 0px 0px 0px;
    background-color: #F0B0B0;
    font-weight: bold;
}
#SchoolClosingsTable {
    width: 100%;
    clear: both;
    border-collapse: collapse;
}

#SchoolClosingsName {
    margin: 0px;
    width: 33%;
}
#SchoolClosingsExpire {
    margin: 0px;
    width: 34%;
}
#SchoolClosingsLocation {
    margin: 0px;
    width: 33%;
}
#SC_LocationTableColumnInfo
{
    width:25%;
}
#SC_LocationHeaderInfo
{
    width: 42%;
}
#SC_LocationHeaderLocation
{
    width: 58%;
}

#SC_UserLocationTableColumnInfo
{
    width:25%;
}
#SC_UserLocationHeaderInfo
{
    width: 42%;
}
#SC_UserLocationHeaderLocation
{
    width: 58%;
}



#HiddenDivContainer {
    position: absolute;
    width: 50%;
    height: auto;
    left: -100%;
    top: 30%;
    background-color: #f0f0f0;
    border: 1px solid #000000;
    display: block;
    z-index: 1000;
    overflow: hidden;

}

#HiddenDivTitle {
/*    background-color: #0055AA;*/
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    
    padding-bottom: 0.2em;


    background-image: url("../images/regularHeader.PNG");
    background-repeat: repeat-x;
/*    -moz-box-shadow:inset -17px -12px 11px -8px #151dbd;
    -webkit-box-shadow:inset -17px -12px 11px -8px #151dbd;
    box-shadow:inset -17px -12px 11px -8px #151dbd;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2b00d6), color-stop(1, #9fbbeb) );
    background:-moz-linear-gradient( center top, #2b00d6 5%, #9fbbeb 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b00d6', endColorstr='#9fbbeb');
    background-color:#2b00d6;*/
     
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    
/*    text-decoration:none;*/


    
    
    




}

#HiddenDivTitle a {
    position: absolute;
    right: 0;

}
#HiddenDivCloseButton
{
    width: 23px;
    height: 21px;
    background-image: url("../images/closebutton1.PNG");
}
#HiddenDivCloseButton:active {
    background-image: url("../images/closebuttoninverse.PNG");
}

#HiddenDivContent
{
    margin: 1em;
}

#HiddenDivContentWrapper
{
}

.row1 {
    background-color: #F8F8F8;
}

.row2 {
    background-color: #E8E8E8;
}

.Pointer {
    cursor: pointer;
}

#SC_UserTableContainer {
    position: relative;
    float: left;
    margin-right: 15px;
    width: 37%;
}

#UserUserInfoArea {
    position: relative;
    float: left;
    width: 60%;
    
}

#UserUserLocationTableDiv {
    position: relative;
    height: 20%;
    clear: both;
    
}

#UserUserInfoAreaTop {
    position:relative;
    height: 80%;
    float: left;
}
#UserAvailableLocations {
    
    width: 100%;
}
#LocationAvailableUsers {
    
    width: 100%;
}

#SC_LocationTableContainer {
    position: relative;
    float: left;
    margin-right: 20px;
    width: 40%;
}

#LocationLocationInfoArea {
    position: relative;
    float: left;  
    width: 55%;
}

#LocationLocationUserTableDiv {
    position: relative;
    
    clear: both;
}

#LocationLocationInfoAreaTop {
    position:relative;
    
    float: left;
}

#UserStationSelect {
    display: block;
}

#LocationStationSelect {
    display: block;
}

#SC_StationTableContainer {
    position: relative;
    float: left;
    margin: 0px;
    width: 40%;
}

#StationStationInfoArea {
    position: relative;
    float: right;
    margin: 10px;
    width: 55%;
}

#ImportDivContainer {
    text-align: center;
}

#SchoolClosingsExpireTable {
    border: 1px solid gray;
    border-collapse: collapse;
    background: #FAFAFA;
    width: 100%;
}

#SchoolClosingsExpireTable {
    padding: 0px 1px 0px 1px;
}

#SchoolClosingsExpireTableContainer {
    max-height: 400px;
    overflow: auto;
    margin-bottom: 20px;
}



#SC_CustomListTableContainer {
    position: relative;
    float: left;
    margin-right: 20px;
    width: 40%;
}

#CustomListAssignmentArea {
    position: relative;
    float: left;  
    width: 55%;
}

.row1:hover {
    background-color:#E0FFFF;
}

.row2:hover {
    background-color:#E0FFFF;
}
.row2:hover
{
background-color:#E0FFFF;
}
.myButton {
/*	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fcfcfc), color-stop(1, #c7c7c7) );
	background:-moz-linear-gradient( center top, #fcfcfc 5%, #c7c7c7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#c7c7c7');
	background-color:#fcfcfc;

        -moz-border-radius:23px;
	-webkit-border-radius:23px;*/

        border-radius:23px;
	border:1px solid #f0f0f0;
	display:inline-block;
	color:#000000;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:5px 17px;
	text-decoration:none;
	text-shadow:1px 1px 18px #bababa;

        background-image: url("../images/buttons.PNG");
        background-repeat: repeat-x;
       

}

.myButton:active {
	position:relative;
	top:1px;


        background-image: url("../images/inverseButtons.PNG");
        background-repeat: repeat-x;
}
.myButtonDisabled {
    
	background-image: url("../images/buttons.PNG");
        background-repeat: repeat-x;
	border-radius:23px;
	border:1px solid #f0f0f0;
	display:inline-block;
	color:#b3acb3;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:5px 17px;
	text-decoration:none;
	text-shadow:1px 1px 18px #bababa;
}




.logoutButton {
	background-image: url("../images/logoutIcon.PNG");
        background-repeat: repeat-x;
	border:1px solid #ff1414;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 25px;
	text-decoration:none;
	text-shadow:1px 1px 18px #bababa;
}.logoutButton:active {
	position:relative;
	top:1px;
        background-image: url("../images/logoutIconInverse.PNG");
        background-repeat: repeat-x;
}