/* 
    CSS Design by Paperheads (www.paperheads.co.uk) 
*/

body                         {background:#333333 url() no-repeat scroll top 50%;font-family:Arial;font-size:0.82em;margin:0px;color:#CCCCCC;}

h1, h2, h3                   {margin:0px 0px 10px 0px;font-weight:normal;}
p                            {margin:0px;padding:0px;}
h3							 {font-size:2em;}

a							 {color:#DDDDDD;text-decoration:none;}
a:hover						 {color:#FFFFFF;}

#body                        {margin:80px auto 0px auto;width:880px;padding:30px;position:relative;}

#foot                        {z-index:3;position:relative;padding-top:10px;color:#FFFFFF;font-size:0.8em;}
#foot a                      {color:#DDDDDD;text-decoration:none;}
#foot a:hover                {color:#FFFFFF;}
#foot .left                  {float:left;}
#foot .right                 {float:right;}

#body .back                  {z-index:1;top:0px;left:0px;width:100%;height:100%;position:absolute;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;background-color:#000000;}
#body .inner                 {z-index:3;position:relative;float:left;width:660px;}
#body .menu                  {z-index:3;position:relative;float:right;width:200px;}

.menu ul                     {margin:0px 0px 20px 0px;padding:0px;list-style-type:none;}
.menu li                     {margin:0px;padding:0px 0px 0px 15px;clear:both;list-style-type:none;background-image:url(images/li.gif);background-repeat:no-repeat;background-position:0px 3px;}
.menu li.preview             {margin-top:10px;}
.menu a                      {width:100%;display:block;padding:2px;color:#DDDDDD;text-decoration:none;}
.menu a:hover                {color:#FFFFFF;}

.film                        {float:left;width:198px;height:165px;padding:12px 11px 11px 11px;background-repeat:no-repeat;background-image:url(images/film.gif);font-size:0.8em;}
.film img                    {float:left;clear:both;width:190px;height:65px;}
.film .title                 {float:left;clear:both;width:180px;height:12px;padding:3px 4px 4px 4px;color:#FFFFFF;text-decoration:none;font-weight:bold;overflow:hidden;}
.film .info                  {float:left;clear:both;width:180px;height:60px;padding:4px;overflow:hidden;}

.channel                     {float:left;width:198px;height:165px;padding:12px 11px 11px 11px;background-repeat:no-repeat;background-image:url(images/film.gif);font-size:0.8em;}
.channel img                 {float:left;clear:both;width:190px;height:155px;}

#flash_content               {display:none;}

/* PROFILE */

.screen                      {float:left;width:138px;height:19px;background-image:url(images/screen.gif);margin:5px;position:relative;color:#CCCCCC;padding:109px 5px 0px 5px;font-size:11px;text-align:center;overflow:hidden;white-space:nowrap;}
.screen .image               {position:absolute;top:12px;left:12px;width:124px;height:92px;background-position:50% 50%;cursor:pointer;}
.screen:hover                {color:#EEEEEE;}

/* CMS */
#validations                 {display:none;}
img                          {border:none;}

.inner a   				     {color:#3acb60;}
.inner a:hover               {color:#FFFFFF;}

a.btn                        {padding:1px 5px 1px 18px;color:#DDDDDD;background-image:url(images/li.gif);background-repeat:no-repeat;background-position:0px 2px;display:inline;}
a.btn:hover                  {color:#FFFFFF;}

.text                        {border:1px solid #CCCCCC;background-color:#FAFAFA;color:#333333;padding:10px;}
input, select, textarea      {font-family:Arial;font-size:12px;color:#555555;padding:1px 3px 1px 3px;}

.Dialogue                    {width:420px;margin:20px auto 0px auto;}
.DialogueHeader              {padding:3px;font-size:1em;color:#F8F8F8;background-color:#666666;font-weight:bold;}
.DialogueContent             {padding:10px 0px 10px 0px;border-bottom:1px solid #666666;}

.progress                    {height:10px;border:1px solid #666666;padding:4px;width:405px;}
.progress div div            {height:10px;background-color:#666666;}

.Grid th                     {padding:3px;color:#F8F8F8;background-color:#666666;}
.Grid td                     {padding:3px;border-bottom:1px solid #666666;}
.Grid td.ChkBox              {padding:0px}

.TblFooter                   {position:relative;clear:both;height:20px;padding:5px 0px 3px 0px;}
.TblFooter .center           {position:absolute;z-index:0;top:5px;left:0px;width:100%;text-align:center;}
.TblFooter .left             {position:absolute;z-index:1;top:5px;left:0px;}
.TblFooter .right            {position:absolute;z-index:1;top:5px;right:0px;}

.autocomplete                {border:1px solid #999999;position:absolute;overflow:auto;padding:0 1px 0 1px;background-color:#FFFFFF;z-index:999;}
.autocomplete a              {display:block;border:1px solid #cccccc;padding:2px;margin:1px 0 0 0;font-family:Arial;color:#000000;font-size:12px;text-decoration:none;font-weight:normal;background:none;}
.autocomplete a.selected     {background:url(images/gback.gif);}
.autocomplete a:hover        {background:url(images/wback.gif);}