html, body { margin: 0; padding: 0; }
div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span { margin: 0; padding: 0; }
ul { list-style:none; }
body { text-align: center; font-size: 12px; font-family: Verdana; background:url(../images/devml_bg.png) #fff repeat top center fixed; }
h1 { margin: 5px 0; font-size: 20px; font-family: Verdana; font-weight: lighter; color:#55665e; text-shadow: 1px 1px 2px #CCCCCC; filter: dropshadow(color=#CCCCCC, offx=1, offy=1);}
h2 { margin: 5px 0; font-size: 16px; font-family: Verdana; font-weight: lighter; color:#55665e; text-shadow: 1px 1px 2px #CCCCCC; filter: dropshadow(color=#CCCCCC, offx=1, offy=1);}
p { margin-top: 5px; margin-bottom: 10px; line-height: 1.5em; padding: 0.5em; text-align: justify; text-justify: distribute;}

a, a:visited, a:active { color: #000; text-decoration: none; }
a:hover { color: #888; }
.content-left a { color:#193441; font-style: italic; }
.content-left a:hover { color: #3E606F; }

#wrapper { margin: 50px auto 0 auto; width: 960px;}

#header { height: 120px; overflow: auto;}
#header .logo { display:block; width: 163px; height: 113px; text-align: left; float:left; }
#header .userbox { margin-top: 15px; width: 300px; text-align: center; float:right;}
#header .userbox h1 { color:#000; }
#header .userbox .userinfo { padding: 5px; }
#header .userbox .actions { padding: 5px; }

#tab-nav { height: 25px; margin: 15px 0 0 45px; }

#tab-nav ul li { position:relative; display: block; float: left; height: 25px; background:url(../images/tabs_bg.png) left -25px no-repeat;}
#tab-nav ul li a { text-decoration: none; color: #000; display: block; margin-left: 20px; padding-top: 5px; padding-right: 40px; height: 20px;  background:url(../images/tabs_bg.png) right -75px no-repeat; }
#tab-nav ul li.active { z-index:15 !important; background-position: left 0px; }
#tab-nav ul li.active a { color: #fff; background-position: right -50px; }


#crumbs { 
    height: 28px; background-color:#000; color:#fff;
    border-radius: 10px 10px 0px 0px; 
    -moz-border-radius: 10px 10px 0px 0px; 
    -webkit-border-radius: 10px 10px 0px 0px; 
    height: 48px;
}
#crumbs a, #crumbs a:active, #crumbs a:visited { color:#3FA9F5; }
#crumbs a:hover { color:#69BFF4; }
#crumbs ul { height: 48px; }
#crumbs ul li { position:relative; display: block; float:left; margin: 20px 0px 0 10px; font-size: 11px; }
#content-wrapper { padding-top: 15px; text-align: left; background:url(../images/contentbg.jpg) #fff; font-size: 11px; overflow:auto;}
.content { padding:5px 5px 5px 10px; margin-right: 10px;}
.content-left { width: 715px; float: left; padding:5px 5px 5px 10px; margin-right: 10px; overflow:auto;}
.content-right { width: 200px; float: left; padding:5px; margin-left: 10px; }
.warning {
    height: 60px;
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #ccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ffd65e; /* Old browsers */
    background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* IE10+ */
    background: linear-gradient(top, #ffd65e 0%,#febf04 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 1px 1px 1px 1px rgba(2, 2, 2, .2);
    -moz-box-shadow: 1px 1px 1px 1px rgba(2, 2, 2, .2);
    box-shadow: 1px 1px 1px 1px rgba(2, 2, 2, .2);
}
.warning img { padding: 12px; margin-right: 15px; float: left; }
.warning h2 { color:#000; }
.content-right ul { margin-bottom: 15px; }
.content-right li { padding: 5px; font-size:12px;}
#thumb_container { width:680px;margin: 0 auto; }
.ad_thumb {
    position:relative;
    float:left;padding:4px;
    background-color:#e8e8e8;
    border:1px dashed #d3d3d3;
    margin: 4px;
    overflow: hidden;
}
.ad_thumb .swfname {
	position:absolute;
	padding:15px;
	font-size: bold;
	color: #ffffff;
}
.ad_thumb span.stats { 
position: absolute; 
display:block; 
padding: 1px 5px;
bottom: 10px;
left: 8px;
color:#fff;
font-size:0.85em;
background: #ff0000; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: radial-gradient(center, ellipse cover,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}
.thumb_row { overflow:auto; margin: 0; padding: 0; }
.ad_thumb span.del {  display:block; position:absolute; z-index:100; right:7px; top:7px; width:20px; height:20px; text-indent:-999px; overflow:hidden; }
.ad_thumb span.del a{ display:block; height:20px; width:20px; background:url(/images/delete_img_icon.png) no-repeat; }
.ad_thumb span.del a:hover { background-position: 0 -21px;  }

button {
  font:normal 15px arial,helvetica,sans-serif;
  color:#000;
  border:1px solid #ccc;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  background-color:#f6f6f6;
  background-image:linear-gradient(top, #fff, #efefef);
  background-image:-moz-linear-gradient(top, #fff, #efefef);
  background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#efefef));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#efefef);
  height:1.9231em;
  padding:0 0.5em;
  cursor:pointer;
  white-space:nowrap;
  overflow:visible; /* fixes width in IE7 */
  outline:0 none /* removes focus outline in IE */}
button::-moz-focus-inner {border:none} /* removes focus outline in FF */
button:hover, button:focus {
  border-color:#999;
  background-color:#f0f1f3;
  background-image:linear-gradient(top, #fff, #ebebeb);
  background-image:-moz-linear-gradient(top, #fff, #ebebeb);
  background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ebebeb));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#ebebeb);
  box-shadow:0 0 3px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 3px rgba(0,0,0,0.4);
  -webkit-box-shadow:0 0 3px rgba(0,0,0,0.4)}
button:active {
  background-color:#ddd;
  background-image:linear-gradient(top, #ccc, #fff);
  background-image:-moz-linear-gradient(top, #ccc, #fff);
  background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#fff));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc, endColorStr=#ffffff)
 }

 
table { border-collapse: collapse; width: 100%; margin-bottom: 15px;}
table, th, td { border: 1px solid #ccc; }


form.stdform { 
    padding:5px;
}
form.stdform fieldset {
    padding: 15px;
    border: 2px solid #ccc;
}
form.stdform fieldset legend { margin-left:5px; margin-right: 5px; font-size: 16px; font-weight: lighter; color:#55665e; text-shadow: 1px 1px 2px #CCCCCC; filter: dropshadow(color=#CCCCCC, offx=1, offy=1);}
form.stdform label { display:block; width: 115px; padding: 7px 10px; margin-left: 10px; text-align: left; float:left; font-weight: normal; }
form.stdform input { padding: 3px 10px; }
form.stdform input[type=checkbox] { margin-left: 13px; }
form.stdform textarea {
border: 1px solid #d6d6d6;
width: 500px;
}
form.stdform .large { width: 300px; margin-right: 15px; }
form.stdform label em { float:right; color:red; }
form.stdform div {clear:both; overflow: auto; vertical-align:middle; padding: 5px 0; border-bottom: 1px solid #ddd;}
form.stdform .textfield { 
border:1px solid #CCCCCC; padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

form.stdform .inline-edit {
	position: relative;
	display: inline;
}
form.stdform .inline-edit label {
	position: absolute;
	display: block;
	color: #d2d2d2;
	top: 5px;
	left: 10px;
}

form { padding: 10px 3px; }
form fieldset { border:1px solid #ccc;  margin: 10px; padding: 15px;}
form fieldset legend { font-weight: bold; font-size: 11px; color:#000; padding: 2px 7px; }
form .textfield { border:1px solid #ccc; padding: 2px;}
th, td { padding: 3px 8px; }
th { background-color:#efefef; background:url(../images/thbg.png) repeat-x; color:#000; font-size: 1.2em;}
th img { margin: 0 3px; }
td { background-color:#fdfdfd; }
td.alt_row { background-color:#fafafa; }

.notopmargin { margin-top: 0px; }
.divider { margin: 20px auto 25px auto; }
#footer { clear:both; background-color:#e2e2e2;  padding: 20px 10px 20px 10px; }

#tabview {
	margin: 15px 0;
}

#tabview .tabnav {
	position:relative;
	display: block;
	list-style: none;
	overflow: auto;
	z-index: 100;
	top:1px;
}
#tabview .tabnav li {
	display: block;
	float: left;
	margin-right: 5px;
	padding: 5px 15px;
	border: 1px solid #ccc;
	background-color:#efefef;
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#efefef), to(#dfdfdf)) !important;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#tabview  .tabnav .active { position: relative; border-bottom: none; top:1px; font-weight: bold;}
#tabview .tabcontent {
	background-color:#efefef;
	min-height: 200px;
	border: 1px solid #ccc;
}

#playlist-manager {
	overflow: auto;
}

#playlist-manager h1 { margin-top: 15px; }

#playlist-manager h2 span {
	font-size: 10px;
	float:right;
}
#playlist-manager .stdform div {
	border: none;
}

#playlist-manager .selectall {
}
#playlist-manager table { text-align: center; }

#playlist-manager .container {
	float: left;
	width: 455px;
	margin: 5px;
}
#playlist-manager .listview {
	padding: 5px;
	background-color: #eee;
	border: 1px solid #ccc;
}
#playlist-manager .listitem  td {
	position:relative;
}
#playlist-manager .listitem  .swfname {
	position: absolute;
	bottom: 10px;
	width: 100px;
	left: 30px;
	color: #fff;
	font-size: 9px;
}

#playlist-manager img{
	margin: 5px;
	width: 110px;
	height: 64px;
}

.ux-button2 {
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
-webkit-border-radius: 2px;
-webkit-user-select: none;
background-color: whiteSmoke;
background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
border: 1px solid #ccc;
border-radius: 2px;
color: #666;
cursor: pointer;
font-family: arial,sans-serif;
font-size: 11px;
font-weight: bold;

height: 2.5em;
line-height: 1em;
margin: 11px 6px;
padding: 0 8px;
text-align: center;
width: auto;
}
.ux-button2:hover {
background-image: -webkit-gradient(linear,left top,left bottom,from(#F8F8F8),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,#F8F8F8,#F1F1F1);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
background-color: #F8F8F8;
background-image: linear-gradient(top,#F8F8F8,#F1F1F1);
background-image: -o-linear-gradient(top,#F8F8F8,#F1F1F1);
border: 1px solid #C6C6C6;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
color: #333;

}

a.ux-button2 {
display: inline-block;
line-height: 2.5em;
color:#1f79dd; 
font-style: normal;
}

a.ux-button2:hover {
color:#4195e9;
}