body{
height:100%;
}

:invalid { background-color: rgba(256, 128, 128, .5); }

form{
font:normal .9em Verdana;
color:#000;
position:relative;
margin: 0 auto;
top:0px;
z-index:1;
}


form input[type="password"]{
border:none;
background-color:transparent;
color:#369;
}

form input[type="email"]{
border:none;
background-color:transparent;
color:#369;
}
form input[type=text]{
border:solid 1px #369;
background-color:transparent;
color:#000;
}
form input[type=date]{
border:solid 1px #369;
background-color:transparent;
color:#000;
}
form input[type=time]{
border:solid 1px #369;
background-color:transparent;
color:#000;
}
.btnRight{
    text-align:right;
}

input[type="email"]:invalid {
background:none;
background-color:rgba(256, 128, 128,.5);

}

.error{
color:#000000;
font:bold 1.0em Arial;
position:relative;
display:block;
border:solid 2px #FF0000;
background-color: rgba(256, 128, 128, .5);
color: rgba(0, 0, 0, .7);
padding:15px 5px 5px 62px;
top:0px;
z-index:1000;
-moz-border-radius: 15px;
border-radius: 15px;
background-opacity:25;
background-image:url(./images/Stop.png);
background-repeat:no-repeat;
background-position:5px 5px;
height:45px;
}
hgroup{
font:65% Lucida Grande, Trebuchet MS;
color:#336699;
#text-shadow:rgba(64,64,64,0.5) 0px 4px 3px;
}
hgroup h2{
/* text-shadow:rgba(64,64,64,0.5) 0px 4px 3px; */
text-shadow: 1px 1px 0px #cccccc;
color:#336666;
}
header h1{
margin-bottom:30px;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, .3)));
}

.main{

padding:10px;
width:97%;
margin-right:4px;
background-image: -moz-linear-gradient(top, #fff, #369);
background-color:#336699;
-moz-border-radius: 10px; /* FF1+ */
-webkit-border-radius: 10px; /* Saf3-4 */
border-radius:10px; /* Opera 10.5, IE 9, Saf5, Chrome */
border:solid 1px #666;  
-moz-border-radius:15px;
 background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #369)); 

/* IE gradient */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFffffff', EndColorStr='#FF336699'); 
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFffffff', EndColorStr='#FF336699')";

-webkit-box-shadow:  rgba(64,64,64,0.5) 0px 4px 5px;
-moz-box-shadow:rgba(64,64,64,0.5) 0px 4px 5px;
box-shadow: rgba(64,64,64,0.5) 0px 4px 5px; 
#min-width:711px;
/* -moz-column-count: 2;
-moz-column-gap: 10px;
-webkit-column-count: 2;
-webkit-column-gap: 10px;
column-count: 2;
column-gap: 10px; */

-webkit-box-reflect: below 20px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, .3)));
}


/*Navigation*/
.nav{
position:relative;
top:-15px;
height:3em;
left:-15px;
#margin-top:-27px;
#margin:0 auto;
align:center;
width:100%;
#text-align:cetner;
-webkit-box-reflect: below -27px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, .3)));
}

ul#navigation{
position:relative;
width:42em;
margin:0 auto;
left:0px;

}  
ul#navigation li {
  list-style-type: none;
  display: block;
  width: 8em;
  float: left;
  text-align: center;
  font-family: "Lucida Grande", sans-serif;
  height: 2em;
  border-right: 1px #818181 solid;
  -webkit-box-shadow: 1px 1px 1px #bbb;
  box-shadow: 1px 1px 1px #bbb;
  
}
#navigation li {
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6799cb), to(#32659d), color-stop(0.6, #a9bed6));
/* IE gradient */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF6799cb', EndColorStr='#FF32659d'); 
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF6799cb', EndColorStr='#FF32659d')";
background-color: #a9bed6;

background: -moz-linear-gradient(center top,rgb(103,153,203) 60%,rgb(50,102,157) 100%);
  -webkit-transition: all 0.5s;
  -moz-transition: all;
  -moz-transition-duration: 0.5;
  -moz-transition-timing-function:ease-in-out;
  -o-transition: all 0.5s;
}
#navigation li:hover {
/* rgba(51, 102, 102,.7)dark color 2d5e5e
background-color:rgba(45, 94, 94,.7);
*/
  background-color: #6799cb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#32659d), to(#32659d), color-stop(0.6, #6799cb));
  /* IE gradient */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF32659d', EndColorStr='#FF6799cb'); 
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF32659d', EndColorStr='#FF6799cb')";
  background: -moz-linear-gradient(top, #32659d, #6799cb 60%, #32659d);
  }
  
ul#navigation li a {
  display: block;
  padding: .4em .3em .3em .3em;
  text-decoration: none;
  color: #292929;
  text-shadow: 1px 1px 0px #cccccc;
}
ul#navigation li:first-child {
  -webkit-border-top-left-radius: .5em;
  -moz-border-radius-topleft: .5em;
  border-top-left-radius: .5em;
  -webkit-border-bottom-left-radius: .5em;
  -moz-border-radius-bottomleft: .5em;
  border-bottom-left-radius: .5em;
}
ul#navigation li:last-child {
  -webkit-border-top-right-radius: .5em;
  -moz-border-radius-topright: .5em;
  -webkit-border-bottom-right-radius: .5em;
  -moz-border-radius-bottomright: .5em;
  border-bottom-right-radius: .5em;
}

#navigation li:not([id=current]):hover a {
  color: rgba(256, 256, 256, .7);
  text-shadow: 1px 1px 0px #353535;
}

#navigation li[id=current]{
 background: -moz-linear-gradient(top, #32659d, #6799cb 60%, #32659d);
 background-color: #6799cb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#32659d), to(#32659d), color-stop(0.6, #6799cb));
  }


#generateFeed, #generateFeed a{
text-align:right;
padding:0px 10px;
color:#369;
}

#feedImageBox {
position:relative;
left:10px;
font-size:50%;
font-weight:normal; 
font-family:Lucida Grande, Trebuchet MS;
}


#feedImageBox img{
height:64px;
-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, .3)));
}
#feedImageBox span{
padding-left:5px;
position:relative;
text-align:center;
}
.labelBox{
font-weight:bold;
font-family:Lucida Grande, Trebuchet MS;
font-size:75%;
color:#333;
/* text-shadow:rgba(64,64,64,0.5) 0px 4px 3px; */
-webkit-text-fill-color:#333;
-webkit-text-stroke-color:#666;
-webkit-text-stroke-width:.1px;
margin-left:10px;
}

.labelBox p{
font:normal 105% Arial;
text-shadow:0px 0px 0px;
color:#369;
-webkit-text-fill-color:#369;
-webkit-text-stroke-width:0px;
background-color:rgba(256, 256, 256, .7);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
margin-top:2px;
margin-left:-10px;
padding:2px 10px;

}

.subLabel{
font:bold 100% Arial;
text-shadow:0px 0px 0px;
padding:10px;
text-align:left;
}
.subLabel p{
font-weight:normal;
margin-left:10px;
text-align:left;
}

footer{
-webkit-text-fill-color:#fff;
-webkit-text-stroke-color:#ddd;
-webkit-text-stroke-width: .1px;
text-shadow:#ddd .5px .5px 0px;
margin-bottom:-10px;
text-align:right;
align:right;
font:normal .8em Arial;
padding:5px;
}

footer strong{
font:bold .4em Arial;
}

.grpBox{
 -moz-border-radius: 10px; /* FF1+ */
 -webkit-border-radius: 10px; /* Saf3-4 */
 border-radius: 10px; /* Opera 10.5, IE 9, Saf5, Chrome */
 border:solid 1px #666;
 padding:10px;
 /*because we are creating our own title we drop this down by 20px or so */
 margin-top:30px;
 background-color:rgba(256, 256, 256, .3);
 display:none;
}

.grpBoxTitle{
font-weight:bold;
font-family:Lucida Grande, Trebuchet MS;
font-size:75%;
color: #292929;
text-shadow: 1px 1px 0px #cccccc;
/*color:#333;
text-shadow:rgba(64,64,64,0.5) 0px 4px 3px; */
-webkit-text-fill-color:#333;
-webkit-text-stroke-color:#666;
-webkit-text-stroke-width:.1px;

#margin-top:-30px;
margin-bottom:-28px;
margin-Left:10px;
}
.clear{
clear:both;
}

.toggleDiv{
float:right;
padding-right:10px;
}

#podcastsBox{
position:relative;
overflow:auto;
height:300px;
display:block;
}

#passwordBox{
position:relative;
display:block;
}
#scrollerViewPort{
position:relative;
overflow:hidden;
width:100%;
}

.sliderThumb{
position:relative;
width:10px;
height:40px;
background-color:blue;
}

.dataGrid{
position:relative;
display:table;
width:100%;
}
.rowData{
display:table-row;
 -webkit-transition: all 0.5s;
}

.rowData:nth-child(even){
background-color:rgba(256, 256, 256, .7);

}

.rowData:not(.rowDataForm):hover{
/*51, 102, 102 
250,253,6*/
    color:#fff;
    background-color:rgba(51, 102, 102,.7);
}

.rowData:not(.rowDataForm):hover{
/*51, 102, 102 
250,253,6*/

    color:#fff;
    background-color:rgba(51, 102, 102,.7);
}


.cellData{
border-bottom:solid 1px #666;
border-top:solid 1px #eee;
border-left:solid 1px #999;
border-right:solid 1px #999;
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
display:table-cell;
font:normal .8em Arial;
color:#333;

}

.dataHeader{
display:table-header-group;
/*
background-color:#369;
 */
color:#FFF;
    background-color: #6799cb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#32659d), to(#32659d), color-stop(0.6, #6799cb));
text-align:center;
text-transform:capitalize;
}
.headerData{
font-family: Lucida Grande, Trebuchet MS;
font-weight:bold;
font-size:.7em;
border-bottom:solid 1px #666;
border-top:solid 1px #eee;
border-left:solid 1px #999;
border-right:solid 1px #999;
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
display:table-cell;
}
.validated{
position:relative;
width:97%;
text-align:right;
margin-top:10px;
font-family: Lucida Grande, Trebuchet MS;
font-weight:normal;
font-size:.6em;
color:#333;
}

.validated a{
color:#333;
}

#symbolID{
display:none;
}