/* General elements and classes */

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	margin:0 auto;
	padding:0;
	background-color:#111111;
	/*behavior:url('/js/csshover3.htc');*/
}

img 
{
	border:none;
}

h1
{
	margin:0.5em 0;
    padding:0;
    font-size:20px;
}

h2
{
	margin:0.5em 0;
    padding:0;
    font-size:18px;
}

h3
{
	margin:0.5em 0;
    padding:0;
    font-size:16px;
}

h4
{
	margin:0.5em 0;
	padding:0;
	font-size:14px;
}

h5
{
    font-weight:bold;
    font-size:12px;
}

a
{
    text-decoration:none;
    font-weight:bold;
    color:#FFFFFF;
    /*color:#0066DD;*/
}

a:hover
{
    text-decoration:underline;
}

a:active
{
    color:#999999;
}

p
{
	margin:1em 0;
}

ul, li
{ 
}

ul li, ol li
{
	margin:15px 0;
}

hr
{
	 color:#EEEEEE; 
	 background-color:#EEEEEE;
	 height:1px;
	 border:none;
}




/* Watermark Textbox styles */

.Watermark, .Watermark:focus, .Watermark:active, .Watermark:hover, .WatermarkPassword
{
    margin:5px 0 0 0;
    height:18px;
    width:205px;
    padding:3px 0 0 3px;
    color:#777777;
    background:0;
    border:0;
    background-image:url('/images/input.png');
    background-repeat:no-repeat;
}

.WatermarkPassword
{
    background-image:url('/images/input_password.png');
	background-repeat:no-repeat;
}

.ClearWatermark
{
    margin:5px 0 0 0;
    height:18px;
    width:205px;
    padding:3px 0 0 3px;
    background:0;
    border:0;
    background-image:url('/images/input.png');
    background-repeat:no-repeat;
    color:#000000;
}

/* Ajax Keywords suggestions extender styles */

.KeywordsSuggest
{
    width:150px;
    margin:5px 0 0 0;
    padding:1px 0 0 0;
    color:#000000;
    background-color:#FFFFFF;
}

.KeywordSuggest
{
    width:150px;
    margin:1px 0 0 0;
    padding:2px 0 2px 2px;
    background-color:#FFFFFF;
}

.KeywordSuggestHighlighted
{
    width:150px;
    margin:1px 0 0 0;
    padding:2px 0 2px 2px;
    background-color:#3399FF;
    font-weight:bold;
}

/* Categories Panel stuff */

.Categories
{
    float:left;
    width:200px;
    padding:0 0 5px 0;
}

    .Category
    {
        float:left; 
        width:101px; 
        padding:3px 0 3px 14px; 
        background-image:url(/images/bullet.png); 
        background-repeat:no-repeat; 
        background-position:left center;
    }
    
    .CategoryChildSelected
    {
        clear:both;
        float:left; 
        width:195px; 
        padding:3px 0 3px 14px; 
        background-image:url(/images/bullet.png); 
        background-repeat:no-repeat; 
        background-position:left center;
    }
    
    .CategorySelected
    {
        clear:both;
        float:left; 
        width:195px; 
        padding:3px 0 3px 14px; 
        background-color:#666666;
        background-image:url(/images/bullet.png); 
        background-repeat:no-repeat; 
        background-position:left center;
    }
    
    .SubCategories
    {
        float:left;
        width:190px;
        padding:5px 0 8px 10px;
    }

        .SubCategory
        {
            float:left; 
            width:175px; 
            padding:3px 0 3px 14px; 
            background-image:url(/images/bullet.png); 
            background-repeat:no-repeat; 
            background-position:left center;
        }
        
        .SubCategorySelected
        {
            float:left; 
            width:175px; 
            padding:3px 0 3px 14px; 
            background-color:#666666;
            background-image:url(/images/bullet.png); 
            background-repeat:no-repeat; 
            background-position:left center;
        }



/* Stuff relating to search/results */

.SearchResultsPanel
{
    zoom:1;
    z-index:1;
    filter:alpha(opacity=100); 
	-moz-opacity:1.00; 
	opacity:1.00;
}

.SearchResultsUpdateMsg
{
    float:right;
    max-width:300px;
    height:auto !important;
    height:18px;
    max-height:36px;
    text-align:right;
    font-size:11px;
    line-height:18px;
    margin:0 10px 0 0;
    padding:0 5px;
    background-color:#111111;
    /*background-color:#666666;
    filter:alpha(opacity=0); 
	-moz-opacity:0; 
	opacity:0;*/
}

.SearchResultsPanelLoading, .SearchResultsPanelLoading img, .SearchResultsPanelLoading a.PagingLink, .SearchResultsPanelLoading span.MediaId, .SearchResultsPanelLoading input[type="image"]
{
    zoom:1;
    z-index:1;
    filter:alpha(opacity=30); 
	-moz-opacity:0.30; 
	opacity:0.30;
	position:static;
}

/* Also used on view media page */
.SearchAnimationPanel
{
    position:absolute;
    top:100;
    left:300;
    width:400px;
    height:500px;
    visibility:hidden;
}

.SearchAnimationPanelActive
{
    position:absolute;
    top:100;
    left:300;
    width:400px;
    height:500px;
    visibility:visible;
    z-index:1000;
}

span.PagingLink
{
    border:solid 1px #999999;
    padding:3px 5px;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#666666;
    display:inline-block;
}

a.PagingLink 
{
    display:inline-block;
    border:solid 1px #999999;
    padding:3px 5px;
    color:#FFFFFF;
    font-weight:normal;
}

a.PagingLink:hover
{
    background-color:#CCCCFF;
    text-decoration:none;
}

.SearchResultsData
{
    position:relative;
    width:675px;
    max-height:640px;
    padding:18px 0 0 0;
}

.SearchResult
{
    float:left;
    width:130px;
    height:150px;
    margin:0;
    padding:5px 5px 5px 0;
}
/* Fix double padding in IE6 - in ie6.css */

.ImagePreviewContainer
{
    width:130px; 
    height:125px; 
    margin:0;
    padding:0;
}

    .ImagePreviewContainer a
    {
        display:block;
        width:110px;
        padding:9px;
    }

        .ImagePreviewContainer a:hover
        {
            width:110px;
            padding:9px;
            background-image:url(/images/image_preview_bg.gif);
            background-repeat:no-repeat;
            background-position:left top;
        }

    .MediaPreview
    {
        width:110px;
        height:110px;
        zoom:1;
    }

.MediaBar
{
    clear:both;
    float:left;
    width:115px; 
    height:20px;
    margin:0;
    padding:0 0 0 8px;
    display:inline-block;
}

/*.SearchResult a
{
    width:104px;
    height:120px;
    float:left;
    overflow:hidden;
}*/

.MediaId
{
    float:left;
    padding:5px 0 0 0;
}

.MediaButtons
{
    float:right;
    margin:0;
    padding:0;
}

/* Also used on view media page */
span.LightBoxButton
{ 
    float:right;
    height:22px;
    width:22px;
    display:block;
    overflow:hidden;
    cursor:pointer;
}

span.LightBoxButton:hover input[type="image"]
{
    margin:-22px 0 0 0;
    cursor:pointer;
}

span.LightBoxButton:hover input[type="submit"]
{
    text-decoration:underline;
    font-weight:bold;
    color:#FFFFFF;
    cursor:pointer;
}

a.MediaSave
{
    display:block; 
    float:right;
    height:22px; 
    overflow:hidden;
    cursor:pointer;
}

a.MediaSave:hover img
{
    margin:-22px 0 0 0;
}

a.MediaSave:hover span
{
    text-decoration:underline;
}

a.MediaEdit
{
    display:block; 
    float:right;
    height:22px; 
    overflow:hidden;
    cursor:pointer;
}

a.MediaEdit:hover span
{
    text-decoration:underline;
}

a.MediaEdit:hover img
{
    margin:-22px 0 0 0;
}

/* Used by mediapreview.js */
#MediaPreview
{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}



/* Used on view media page */
/* Media save and edit buttons defined above in search results */
.MediaPanel
{
    zoom:1;
    z-index:1;
    filter:alpha(opacity=100); 
	-moz-opacity:1.00; 
	opacity:1.00;
}

.MediaPanelLoading, .MediaPanelLoading img
{   
    zoom:1;
    z-index:1;
    filter:alpha(opacity=30); 
	-moz-opacity:0.30; 
	opacity:0.30;
}

#MediaItem
{
    clear:both;
    float:left;
    width:675px; 
}

#MediaImage
{
    float:left;
    width:675px; 
    padding:10px 0 0 0;
    text-align:center;
    /*

    float:left;
    width:650px; 
    text-align:center;
	border:1px solid #ccc;
	background:#333;
	padding:10px;
    */
}

#MediaData
{
    clear:both;
    float:left;
    width:675px; 
}

td.MediaDataTitle
{
width:220px;
padding:4px 10px 4px 110px;
font-weight:bold;
text-align:right;
}

td.MediaDataInfo
{
width:220px;
padding:4px 110px 4px 10px;
text-align:left;
}

#RelatedMedia
{
    clear:both; 
    width:675px; 
    padding:25px 0 0 0; 
    text-align:center;
}



/* Used on batch jobs page */

.SearchResultBig
{
    float:left;
    width:200px;
    height:260px;
    padding:15px 14px 5px 0;
}

.ImagePreviewContainerBig
{
    width:190px; 
    height:190px; 
    position:relative;
    overflow:hidden;
}

.ImagePreviewContainerBig a
{
    position:absolute; 
    left:0; 
    bottom:0;
}
 
 
/* Hover image buttons in gridviews, tables, etc. */
a.ImageHoverButton, span.ImageHoverButton
{
    display:block; 
    height:28px; 
    width:28px;
    overflow:hidden;
    cursor:pointer;
    position:relative;
}

a.ImageHoverButton img, span.ImageHoverButton input
{
    position:absolute;
    top:0;
}

a.ImageHoverButton:hover, span.ImageHoverButton:hover
{
    display:block; 
    height:28px; 
    overflow:hidden;
    cursor:pointer;
}

a.ImageHoverButton:hover img, span.ImageHoverButton:hover input
{
    margin:-28px 0 0 0;
}

/*
.opaque50 
{
	filter:alpha(opacity=50); 
	-moz-opacity: 0.50; 
	opacity: 0.50;
}
	
.opaque75 
{
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.opaque25 
{
	filter:alpha(opacity=25); 
	-moz-opacity: 0.25; 
	opacity: 0.25;
}

.TextButton
{
	font-family:Arial, Helvetica, sans-serif;
    color:#0066DD;
	font-size:12px;
	font-weight:bold;
    background:none; 
    border:none; 
    cursor:pointer; 
    text-align:left;
    padding:0;
    margin:0;
}

.TextButton:hover
{
    text-decoration:underline;
}*/


/* Custom form elements */

span.checkbox 
{
	width: 18px;
	height: 18px;
	padding: 0 5px 0 0;
	background: url(/images/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
    cursor:pointer;
}
span.radio 
{
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(/images/radio.png) no-repeat;
	display: block;
	clear: left;
	float: left;
    cursor:pointer;
}
span.select 
{
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #000000;
	font: 12px/21px arial,sans-serif;
	background: url(/images/select.png) no-repeat;
	overflow: hidden;
}

.styledactive
{
    visibility:hidden;
    position:absolute;
    left:-9999px;
}


/* General element styles */

.toppad
{
    padding:8px 0 0 0; 
    margin:0;
}

.stoppad
{
    padding:5px 0 0 0; 
    margin:0;
}

.OrangeText
{
    color:#FD9F00;
    font-weight:bold;
}

/* Orange button */
.OrangeButton
{
    border:none;
    background:none;
    font-family:Arial Black;
    background-image:url(/images/button_bg.png);
    background-repeat:no-repeat;
    text-transform:uppercase;
    width:85px;
    height:22px;
    font-weight:bold;
    font-size:11px;
    color:#FFFFFF;
    cursor:pointer;
}

.OrangeButtonBig
{
    border:none;
    background:none;
    font-family:Arial Black;
    background-image:url(/images/button_bg_big.png);
    background-repeat:no-repeat;
    text-transform:uppercase;
    width:150px;
    height:22px;
    font-weight:bold;
    font-size:11px;
    color:#FFFFFF;
    cursor:pointer;
}

.OrangeButton:active, .OrangeButtonBig:active
{
    margin:1px 0 0 1px;
    color:#FF0000;
}

/* Link styled as orange button */
a.OrangeButtonLink
{
    border:none;
    background:none;
    font-family:Arial Black;
    background-image:url(/images/button_bg.png);
    background-repeat:no-repeat;
    text-transform:uppercase;
    text-align:center;
    width:85px;
    height:17px;
    padding:5px 0 0 0;
    font-weight:bold;
    font-size:11px;
    color:#FFFFFF;
    display:block;
}

a.OrangeButtonLink:hover
{
    text-decoration:none;
}


/* Specific elements' styles */

#Container
{
     width:950px; 
     margin:5px auto; 
     background-color:#111111; 
     color:#FFFFFF;
}

#Head
{
    width:950px; 
    margin:0;
}

    #HeadLeft
    {
        width:275px; 
        float:left; 
        min-height:50px; 
    }

    #HeadRight
    {
         width:675px; 
         float:left; 
         min-height:50px; 
         text-align:right;
    }

/*.MainFrontpage
{
     width:950px; 
     margin:0; 
     clear:both; 
     min-height:800px; 
}*/

#Main
{
     width:950px; 
     margin:0; 
     clear:both; 
     min-height:800px; 
     height:auto !important;
     height:800px;
}

.MainTransparentBg
{
     background-image:url(/usercontrols/RandomImageTransparent.aspx);
     background-position:right top; 
     background-repeat:no-repeat;
}

.MainNonTransparentBg
{
     background-image:url(/usercontrols/RandomImage.aspx); 
     background-position:right top; 
     background-repeat:no-repeat;
}

.MainNoBg
{
     background-image:none;
}

    #LeftPanel
    {
        width:275px; 
        float:left; 
        min-height:500px;
    }
    
    #Content
    {
         width:675px; 
         float:left; 
         min-height:500px;
         line-height:14px;
    }

div.AspNet-GridView
{
    width:675px;
}

.gvLightBoxAssets
{
    width:620px;
    margin:0;
}

th.gvLightBoxAssets_Thumbnail, td.gvLightBoxAssets_Thumbnail
{
    width:110px;
    padding:5px;
    vertical-align:middle;
}

th.gvLightBoxAssets_Title, td.gvLightBoxAssets_Title
{
    width:450px;
    padding:5px;
    vertical-align:middle;
    text-align:left;
}

th.gvLightBoxAssets_Delete, td.gvLightBoxAssets_Delete
{
    width:30px;
    padding:5px;
    vertical-align:middle;
}









/*Old stuff*/
/*
#Container
{
	width:886px;
	height:auto !important;
	height:500px;
	min-height:500px;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
}

    #Head
    {
	    width:886px;
	    height:50px;
	    margin:0;
	    padding:0;
	    background-color:#BBBBFF;
    }
        #Logo
        {
            width:200px;
            float:left;
            padding:20px 0 0 10px;
        }
	    #LoginArea
	    {
		    width:420px;
		    float:right;
		    padding:5px 10px 0 0;
		    text-align:right;
		    font-size:10px;
	    }
    	

    #Footer
    {
	     width:876px; 
	     float:left; 
	     padding:10px 0 50px 0;
    }
*/