/* CSS Document */

.NowOA { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #FFCC00; }
.NowName { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #333333; }
.NowTitle { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #CCCCCC; }
.Producer { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #0066CC; font-weight:bold; }
.ProdImg { border: solid 1px #CCCCCC; }
.ProdLine { border-bottom: dotted 1px #CCCCCC; }
.ProdLine2 { border-right: dotted 1px #CCCCCC; }
.ProdBgr { background-color: #F8F8F8; }
.SelectLabel { height:40px; border-top: dotted 1px #CCCCCC; border-bottom: dotted 1px #CCCCCC; color:#FFFFFF; background-color:#000000; }
.DayLabel { height:30px; border-top: dotted 1px #CCCCCC; border-bottom: dotted 1px #CCCCCC; background-color:#F8F8F8; }

.Copy { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #E87117; }
#ProgTimer a { font-size:11px; color:#000; font-weight: bold; text-decoration:none; }
#ProgTimer a:link { font-size:11px; color:#000; font-weight: bold; text-decoration:none; }
#ProgTimer a:hover { font-size:11px; color:#000; font-weight: bold; text-decoration:underline; }

#Serv a { font-size:10px; color:#414B56; font-weight: bold; text-decoration:none; }
#Serv a:link { font-size:10px; color:#414B56; font-weight: bold; text-decoration:none; }
#Serv a:hover { font-size:10px; color:#414B56; font-weight: bold; text-decoration:underline; }

#Player { width:480px; height:295px; margin-bottom:10px; float:left; }

#Galleries { background-image:url(http://www.athensdeejay.gr/templates/Adj/Images/stripe3.png); background-repeat:repeat; height:307px;}
#Gals { height:290px; padding:11px 0px 0px 0px; color:#333333 }
#Gals a{ color:#333333; text-decoration:none; }
#Gals a:link{ color:#333333; text-decoration:none; }
#Gals a:hover{ color:#333333; text-decoration:underline; }

#Gals #Header a{ font-size:10px; color:#000; text-decoration:none; }
#Gals #Header a:link{ font-size:10px; color:#000; text-decoration:none; }
#Gals #Header a:hover{ font-size:10px; color:#000; text-decoration:underline; }

.GalRecs { cursor:pointer; color:#333333; width: 220px; }
#Gals a{ color:#333333; text-decoration:none; }
#Gals a:link{ color:#333333; text-decoration:none; }
#Gals a:hover{ color:#333333; text-decoration:underline; }
.text { font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight: bold;  }
.textfield { font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; padding:2px; background-color:#333333; border: dotted 1px #FFF; cursor:pointer; }
.button { }

#ProgTimer { height:120px; width:298px;float:right; }
#MainCol { width:200px; float: left; margin-left:5px; }
#Google { padding-left:10px; }

.GalTabs { width:190px; padding: 0px; margin: 0px 0px 10px 5px; text-align:center; background-color:#FFF; }
.GalTabs2 { width:190px; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 5px; }
#GalTab1 {  background-color:#E4EAED; background-image:url(http://www.athensdeejay.gr/templates/Default/Images/bg34.gif); background-repeat:repeat-x; }
#GalTab3 { border-top:0px; background-color:#E4EAED; background-image:url(http://www.athensdeejay.gr/templates/Default/Images/bg34.gif); background-repeat:repeat-x; }

#GalTab1In { width:140px; padding:4px; float:left; margin:2px; margin-top:5px; margin-left:20px; margin-bottom:7px; background-color:#FFFFFF; }
#GalTab3In { width:140px; padding:4px; float:left; margin:2px; margin-top:5px; margin-left:20px; margin-bottom:7px; background-color:#FFFFFF; }


#Program { width: 500px; }

#CamPlayer { width:500px; height:320px; }
.CamRecords { margin-bottom:10px; cursor:pointer; border: dotted 1px #CCCCCC; background-color: #F8F8F8; padding: 5px; font-size: 10px; }

#TabContent {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#ChartsContent {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

/*----------------------------------------*/
#ProgTimer {background-color:#FFF; margin-right:8px;height:116px; width:296px;float:right; border:solid 4px #E3EAEA;}

.prodname { font-size:12px; color:#000; font-weight: bold; text-decoration:none; }
.time { font-size:11px; color:#000; }
#Timer a { font-size:11px; color:#000; font-weight: bold; text-decoration:none; }
#Timer a:link { font-size:11px; color:#000; font-weight: bold; text-decoration:none; }
#Timer a:hover { font-size:11px; color:#000; font-weight: bold; text-decoration:underline; }

#Serv a { font-size:10px; color:#000; font-weight: bold; text-decoration:none; }
#Serv a:link { font-size:10px; color:#000; font-weight: bold; text-decoration:none; }
#Serv a:hover { font-size:10px; color:#000; font-weight: bold; text-decoration: underline; }

#TabContainer {width:490px;margin-bottom:10px; margin-top:10px;  margin-left:8px; float:left;}
#TabMenu {height:24px; margin-bottom:0px; padding-top:10px;}
#TabContent {background-color:#E4EAED; width:490px; height:140px; padding-left:5px; padding-top:10px;}

#MainCol {margin:0px 8px 0px 14px;width:200px; font-size:10px;}

#B1 {padding:8px 22px 10px 5px; background-color:#FFF; width:173px;}
#B1Header {padding-bottom:5px;padding-left:5px;}
#myBlogs {width:180px; margin:5px 5px 5px 5px; background-color:#CCC;background-image:url(http://www.athensdeejay.gr/templates/Bbc/Images/stripe3.png); background-repeat: repeat;}

#B2 {padding:8px 12px 7px 2px; background-color:#FFF; margin-top:10px;}
#B2Header {padding-bottom:5px;padding-left:9px;}
.GalTabs {height:210px; width:180px; margin:6px 12px 8px 9px; background-color:#E6E8EC;}

#B3 {padding:8px 12px 7px 2px; background-color:#FFF; margin-top:10px;}
#B3Header {padding-bottom:5px;padding-left:9px;}
.GalTabs2 {height:250px; width:180px; margin:6px 12px 8px 9px; background-color:#E6E8EC;}



#b300x250{width:300px; height:250px; margin-bottom:10px; margin-top:270px;}