/*
light #000066: #f3d4e3
dark #000066:  #000066
*/

body 
{
    margin:10px;
    font-family:Arial; 
    /*background-image:url(/MediaCenter/images/66.jpg); 
    background-repeat:no-repeat;*/
}

hr
{
    clear:both;
    border: 0px;
    color: #000066;
    background-color: #000066;
    height: 1px;
    width: 100%;
    text-align: left;
}

label
{
    color:#888888;
    font-weight:bold;
    font-size:.77em;
}
    
p
{
    color:#444444;
    font-weight:bold;
    font-size:.75em;
    margin:0px;
    padding:0px;
}

font
{
    font-size:.77em;
}

A
{
    color:Navy; 
    text-decoration:none;
}
A:Hover
{
    color:Navy;
    text-decoration:underline;
}

A:Visited
{
    color:Navy;
}

h1
{ 
    margin:0px 0px 0px 0px;
}
h2
{
    margin:0px 0px 0px 0px;
}
h3
{ 
    margin:0px 0px 0px 0px;
}
h4
{
    margin:0px 0px 0px 0px;
}
h5
{
    font-size:13px;
    margin:0px 0px 0px 0px;
}

input[type="submit"] 
{
    border:1px solid #777777;
    background:#f3f3f3;
    cursor:pointer;
    height:28px;
}

input[type="submit"]:Hover
{
    border:1px solid #777777;
    background:#000066;
    color:#ffffff; 
}

input[type="text"] 
{
    padding:5px;
    border:1px solid #777777;
    background:#fff;
}

input[type="password"] 
{
    padding:5px;
    border:1px solid #777777;
    background:#fff;
}

input[type="file"] 
{ 
    padding:5px;
    border:1px solid #777777;
    background:#fff;
}

select
{ 
    padding:5px;
    border:1px solid #777777;
    background:#fff;
}
 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Global Css */
.clsFrame           {}
.clsFrameLeft       {float:left; padding:0px; width:180px; }
.clsFrameCenter     {float:left; text-align:left; width:200px; } 
.clsFrameRight      {float:left; text-align:left; } 

/* Page Layout */
.clsViewBox     {clear:both; border:1px solid pink; background:#f1f1fa; margin:5px; padding:3px; width:inherit;  }

.clsDocument    {margin:0px auto 0px auto; width:970px;}
.clsReturnText  {font-family:Arial; color:blue; font-weight:bold; font-size:12px;}
.clsHeader      {width:970px; height:65px; padding-top:5px;  border-bottom:1px solid #000066;}
.clsFooter      {clear:both; margin:20px 0px 0px 0px; font-size:.77em; text-align:center; border-top:1px solid #000066; color:#252525;}

.clsBody        {min-height:450px; clear:both; margin:20px 0px 0px 0px;}
.clsLeftSide    {float:left;}
.clsCenter      {float:left; width:680px; }
.clsRightSide   {float:right; }

/* Document Headers */
.clsDocumentHeaderImage     {float:left;}
.clsDocumentHeaderText      {float:left; padding:8px 0px 0px 6px;}
.clsDocumentHeaderHr        {clear:both;}
   
/* Thumbnails */
.clsThumbnails  {border-style:double; border-color: blue; border-width:1px; padding:1px;}
 
/* Upload */
.clsUploadMenu      {float:right; width:65px; position:relative; top:30px; left:100px; margin:0px 10px 0px 0px;}
.clsUploadMenu input[type="submit"] {background:orange; font-weight:bold; color:white;}
.clsUploadMenu input[type="submit"]:Hover {background:darkorange; font-weight:bold; color:white;}
.clsScreen600       { padding:10px; width:600px; height:350px; border:1px solid red;}

/* Header Components */
.clsLogo        {float:left; margin:0px; }
.clsGlobalMenu  {float:left; margin:3px 0px 0px 30px; position:relative; top:0px; font-size:.95em;}
.clsSearch      {margin:0px 0px 5px 10px; border:1px solid #000066; padding:3px; background:#eeeeff; }
.clsUserMenu    {float:right; margin:3px 0px 3px 3px; font-size:.88em; font-weight:bold;}

.clsFormBoxRight    {margin:20px 40px 0px 400px; border:1px double #000066; padding:30px; background:#f1f1f1;}

/* Create Account */ 
.clsTextBox             {width:200px;}
.clsWidthLarge          {width:300px;}
.clsDropdown            {width:200px; margin:5px; border:0px;}
/* Home Page */
.clsWidgetWrapper   {margin:0px 0px 10px 0px; width:680px; border:1px solid lightgrey;}
.clsWidgetHeader    {height:18px; padding:5px; background:#f3f3f3; border-bottom:1px solid lightgrey;}
.clsWidgetBody      {height:200px; padding:3px; }

/* Right Side / Gutter */
.clsWhatsNew    {height:250px; width:250px; border:1px solid #000066; background:#FFFEED; padding:5px;}
.clsWhatsNew li {font-size:13px; margin:-3px; padding:0px; }
 
/* Gallery */

/* Sign In */ 

/* Gallery - Viewer */
.clsMovieScreen         {float:left; background:#000000; padding:10px; width:550px; height:320px;}
 .clsMediaFrame         {}
.clsMediaViewerFrame    {}
.clsMediaCatalogFrame   {float:left; margin:0px 5px 0px 10px;  }
.clsMediaRanking        {}
  
/* User/MyPictures */
.clsImageGalleryBox { width:140px; padding:25px; text-align:left;}
.clsImageGalleryLabel{text-align:left; margin:2px; font-size:11px; color:#777777; font-weight:bold; padding:2px; }
.clsImageLabel {}
.clsImageMenu   {margin:4px 0px 4px 0px; text-align:left; font-family:Arial; padding:0px; font-size:10px; font-weight:bold;}
 
/* Categories */
.clsCategories {text-align:left; margin:8px 0px 8px 0px; font-size:11px; width:100px;}
.clsCategories select { padding:3px; padding-right:10px;display:block; text-align:left; font-size:9px; width:130px; border:0px; margin:0px; }

/* User/MyVideos */
.clsVideoGalleryBox     {width:176px; padding:6px; text-align:left;}
.clsVideoGalleryLabel   {text-align:left; width:148px; margin:2px; font-size:11px; color:#777777; font-weight:bold; padding:2px; }
.clsVideoMenu           {text-align:left; font-family:Arial; padding:0px; margin:0px; font-size:10px; font-weight:bold;}
 
/* Upload Module */
.clsMediaUploadControl      {float:left;}
.clsMediaUploadInProcess    {float:left; font-size:11px; font-weight:bold; color:Blue; margin:0px 0px 0px 10px;}
.clsMediaUploadComplete     {color:blue; font-size:11px; font-weight:bold;}
.clsFixedThumbnailSize      {clear:both;float:left; width:200px;  }