body									{ margin:0; padding:0; background-color:#ffffff; font-family:Akkurat, Arial, Helvetica, sans-serif; font-size:11px; }

.video-body								{ margin-top:20px; }
.video-logo								{ margin:20px 10px; }


h1, 
h2, 
h3, 
h4,
p, 
div,
ul, 
li,
input,
textarea,
form,
table									{ margin:0; padding:0; } 

table									{ border-collapse:collapse; }
td										{ padding:0; vertical-align:top; }

input,
textarea								{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000000; }

label									{ display:block; margin:0 0 5px 0; font-size:14px; font-weight:bold; color:#000000; text-transform:lowercase; }
textarea								{ padding: 5px; width:330px; min-height:60px; border:1px solid #999999; }
textarea.large							{ height:120px; }
input									{ margin: 0 5px 0 0; }

ul, 
li										{ list-style-image:none; list-style:inside; list-style-type:none; }

a										{ color:inherit; text-decoration:none; }
a:hover									{ color:#000000; }
a.active								{ color:#000000 !important; }
div.active								{ visibility:visible !important; }

#content								{ margin:20px; }
#header:hover .actions					{ visibility:visible; color:#999999; }
#logo									{ width:80px; height:30px; background-image:url(../img/logo_cms.gif); background-color:#000000; }
#body									{ margin:80px 0 0 0; }

.actions								{ display:inline; visibility:hidden; font-size:11px; }
.property								{ display:inline; font-size:11px; }

.clear									{ clear:both; }
.help									{ cursor:help; }
.hidden									{ color:#CCCCCC; }
.msg									{ padding: 10px 20px; background-color:#EFEFEF; color:#000000; }
.image									{ height:762px; width:auto; }

.menu									{ color:#999999; }
.menu li								{ min-height:30px; }
.menu div.menu-item						{ margin-top:-1px; border:1px solid #cccccc; border-width:1px 0; font-size:22px; font-weight:normal; padding: 0px 5px; height:30px; line-height:30px; }
.menu div.menu-item:hover				{ background-color:#EFEFEF; }
.menu div.menu-item .actions			{ display:inline; }
.menu div.menu-item:hover .actions 		{ visibility:visible; }
.menu div.button-item					{ margin-top:-1px; border:1px solid #cccccc; border-width:1px 0; background-color:#EFEFEF; font-size:22px; font-weight:normal; padding: 5px 10px; height:20px; line-height:30px; }
.menu div.button-item:hover				{ background-color:#DEDEDE; }

.menu .level2 							{ margin: 0 0 0 20px; clear:both; }
.menu .level3  							{ margin: 0 0 0 20px; clear:both; }

.images 								{ padding: 15px 0 0 0; font-size:14px; font-weight:normal; line-height:14px; vertical-align:top; color:#999999; }
.images div.image-item					{ float:left; width:auto; margin:0 -1px 15px 0; padding:5px 15px; border-style:solid; border-color:#CCCCCC; border-width:0 1px; }
.images div.image-item:hover			{ background-color:#EFEFEF; }
.images div.image-item:hover .actions  	{ visibility:visible; }
.images div.image-item .thumb			{ height:40px; margin: 0 0 5px 0; border:3px solid #999999; }
.images div.image-item:hover .thumb		{ border:3px solid #000000; }
.images div.image-item .index:hover		{ color:#000000; }

.form 									{ min-width:380px; color:#000000; }
.form table								{ margin:1px 0 1px 0; width:380px; font-size:11px; font-weight:normal; }
.form table table						{ width:auto; }
.form td.form-item						{ padding:10px 20px 10px 20px; min-width:50%; background-color:#EFEFEF; border-style:solid; border-color:#FFFFFF; border-width:1px 1px 1px 0; vertical-align:top; }
.form td.form-item:hover				{ background-color:#DEDEDE; }
.form td.field-item						{ padding:0 0 0 0; vertical-align:middle; }
.form td.field-label					{ padding:0 10px 0 0; vertical-align:middle; }
.form td.field-item.hex input			{ width:50px; }
.form .default							{ padding:5px 0 0 0; color:#999999; }
.form .color							{ margin: 0 0 10px 0; height:30px; border:1px solid #999999; }
 .button								{ height:20px; display:inline; background-color:#999999; color:#FFFFFF; border-width:0px; padding:2px 8px;}
 .button:hover							{ background-color:#000000; cursor:pointer; }

#preview								{ width:100%; padding:20px; background-color:#FFFFFF; font-family:Akkurat-Bold, Arial, Helvetica, sans-serif; vertical-align:top; }
#preview #preview_title					{ width:100%; margin:20px 0 0 0; font-size:120px; color:#000000; line-height:120px;}
#preview #preview_info					{ width:395px; margin:40px 0 0 0; font-size:14px; color:#000000; }

td.failure label, div.failure			{ color:#FF0000 !important; }
td.failure, div.failure 				{ background-color:#FFEEEE !important; }
td.failure:hover, div.failure:hover 	{ background-color:#FFDDDD !important; }

.tab									{ display:inline; padding:0 20px; margin:0 1px 0 0; height:30px; border:none; background-color:#FFFFFF; color:#999999; line-height:30px;}
.tab:hover								{ cursor:pointer; color:#000000; }
.tab.active								{ background-color:#EFEFEF; color:#000000; }
.tabbed									{ display:none; }
.tabbed.active							{ display:block; }

.list									{ margin:10px 0 0 0; line-height:14px; vertical-align:top; color:#999999; overflow:scroll; width:100%; height:400px; }
.list div.list-item						{ float:left; width:auto; min-width:86px; margin:0 -1px 15px 0; padding:5px 15px; border-style:solid; border-color:#CCCCCC; border-width:0 1px; }
.list div.list-item .thumb				{ margin: 0 0 5px 0; border:3px solid #999999; }
.list div.list-item:hover				{ background-color:#EFEFEF; }
.list div.list-item:hover .thumb		{ border:3px solid #000000; }
.list div.list-item:hover .actions  	{ visibility:visible; }
.list div.list-item:hover .file-name	{ color:#000000;}
.list div.list-item .file-name			{ clear:both;}

#button_sort							{ display:none; }
.button-flash							{ margin:10px 0 0 0; }


.static									{ padding: 10px 20px 10px 0; background-color:#FFFFFF; color:#000000; font-size:14px; font-weight:bold; }
.static a:hover							{ text-decoration:underline; }

.intro	{ margin-top:20px; }
.intro-image { width:100%; height:auto; max-height:762px; max-width:1373px; }
.intro-links { margin:20px 0 20px 10px; }
.intro-links a.flash { text-decoration:none; float:left; display:block; text-indent:-9999px; letter-spacing:-9999px; width:74px; height:26px; background:url("../intro/flash.gif") no-repeat; }
.intro-links a.flash:hover { background-position:-74px 0; }
.intro-links a.html { text-decoration:none; float:left; display:block; text-indent:-9999px; letter-spacing:-9999px; width:72px; height:26px; background:url("../intro/html.gif") no-repeat;	}
.intro-links a.html:hover { background-position:-72px 0; }