@charset "utf-8";

/* Reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  outline: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 11px;
  font-family: Verdana,  Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}

body {
  color: black;
  background: white;
  margin:0 auto;
  padding:0;
  background-color: white;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

/* End Reset CSS*/


/* Main Div */

#wrapper{
  height:760px;
}

/* Header part */

#header {
  width:940px;
  margin:36px auto 0px auto;
}

.logo {
  float:left;
  margin-bottom:13px;
}

.links {
  float:right;
  padding-top:30px;
}

/* Links used in header and middle part */

.blueLinks a {
  font-size:13px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  color:#0000FF;
  text-decoration:underline;
  display:inline;

}

.blueLinks a:hover {
  color:#CC6600;
  font-size:13px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:underline;
  display:inline;
}

/* Green bar */

#greenbar {
  clear:both;
  float:left;
  background-color:#5bb752;
  width:100%;
  height:60px;
  color:#FFFFFF;
  font-size:19px;
  text-align:center;
  margin-bottom:20px;
  padding-top:30px;
}

/* Middle part starts*/
/* Middle part main div */

#content {
  clear:both;
  width:940px;
  margin:auto;
}

/* Middle part left side contents */

#leftContent {
  float:left;
  width:670px;
}

/* Flash */

#leftTop {
  float:left;
  width:677px;
  /* height:325px; */
}

#leftBottom {
  margin-top:10px;
  float:left;
  width:500px;
}

/* Quick Links Main Title*/
#creativeHead {
  width:670px;
  float:left;
  margin-top:10px;
}

.creativeTitle {
  font-weight:bold;
  font-size:13px;
  float:left;
}

#viewAdBtn {
  width:150px;
  height:20px;
  background:url(../images/view-btn.gif) center top no-repeat;
  float:right;
  text-align:center;
  padding-top:7px;
  margin-right:3px;
}

/* Green links */
.greenLinks a {
  color:#079e8f;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
}

.greenLinks a:hover {
  color:#CC6600;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
}

#creativeTopCurve {
  clear:both;
  width:670px;
  height:5px;
  background: url(../images/creative-top-curve.gif) bottom no-repeat;
}

#creativeContent {
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1;
  width:648px;
  text-align:left;
  padding:10px;
  height:147px;
  display:block;
  overflow:auto;
  margin:auto;
}

#imageContent {
  padding:0 11px;
  float:left;
  width:140px;
}

#imageContent p {
  padding-top:10px;
}

#imageContent img {
  width:144px;
  height:90px;
}

#creativeBtmCurve {
  width:670px;
  height:5px;
  background:url(../images/creative-btm-curve.gif) no-repeat;
  padding:0;
}

/* Middle part right side contents */

#rightContent {
  float:right;
  width:250px;
  height:604px;
  overflow:hidden;
}

#topCurve {
  width:249px;
  height:6px;
  background:url(../images/access-box-top-border.gif) bottom no-repeat;
}

#signupSection {
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1;
  width:247px;
  height:110px;
  overflow:visible;
}

#signupContentSignupForm {
  display: none;
}

#signupContentFormSubmit {
  display: none;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

#signupTopbg {
  width:236px;
  height:6px;
  background:url(../images/signup-topbg.gif) bottom no-repeat;
  margin:auto;
}

#signupContent {
  background-color:#e2f2f2;
  width:236px;
  height:88%;
  margin:auto;
  padding-top:5px;
  padding-bottom:0px;
  text-align:center;
}

#signupContent p {
  color: #079E8F;
  font-weight: bold;
}

#signupContentSignupForm {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

#signupForm label {
  font-weight: bold;
}

#signupForm .formLabel {
  margin-bottom: 2px;
  margin-top: 8px;
}

#signupForm .formField input,
#signupForm .formField select {
  width: 210px;
  font-size: 12px;
}

#signupFormBtns {
  text-align: center;
  margin-top: 15px;
}

#signupFormBtns .signupSubmit {
  float:right;
}

#signupFormBtns .signupCancel {
  float:left;
  margin-left:10px;
}

.signUpBtn {
  float:right;
}

.accessBtn {
  background:url(../images/access-dc-studio.gif) no-repeat;
  width:196px;
  height:38px;
  text-align:center;
  padding-top:11px;
  margin:auto;
}

.accessBtn a {
  text-decoration:none;
  font-size:12px;
  color:#FFFFFF;
  font-weight:bold;
}

.bigText {
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
}

#signupbottombg {
  width:236px;
  height:6px;
  background:url(../images/signup-bottombg.gif) no-repeat;
  margin:auto;
}

#bottomCurve {
  width:248px;
  height:6px;
  background:url(../images/access-box-btm-border.gif) top no-repeat;
}

#rightBottom {
  width:250px;
  text-align:left;
  padding: 10px 0 0 0;
}

#title {
  font-weight:bold;
  font-size:13px;
}

#quickTopCurve {
  width:250px;
  height:6px;
  background:url(../images/quicklinks-top.gif) bottom no-repeat;
  padding:0;
  margin:10px 0 0 0;
}

#quickContent {
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1;
  width:228px;
  text-align:left;
  padding:10px;
  background:url(../images/studio_ql_bkg.jpg) no-repeat bottom;
  height:418px;
  display:block;
  overflow:auto;
}

#quickContent p {
  padding-bottom:10px;
}

.category {
  color:#000000;
  font-weight:bold;
  text-transform:uppercase;
}

#quickBtmCurve {
  width:250px;
  height:6px;
  background:url(../images/quicklinks-btm.gif)  no-repeat;
  margin:0;
  padding:0;
}

.creativeLinks a {
  color:#079e8f;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  padding-top:20px;
}

.creativeLinks a:hover {
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  padding-top:20px;
  color:#CC6600;
}

/* Footer*/

#footer {
  margin:0 auto;
  padding-top:10px;
  clear:both;
  text-align:center;
  color:#999999;
  width:940px;
}

.languageList {
  font-size:11px;
}

.greenMidLink a {
  color:#079e8f;
  font-weight:bold;
  font-size:12px;
  text-decoration:none;
}

.greenMidLink a:hover {
  color:#CC6600;
  font-weight:bold;
  font-size:12px;
  text-decoration:none;
}

.smallLinks a {
  font-size:11px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  color:#0000FF;
  text-decoration:underline;
  display:inline;
}

.smallLinks a:hover {
  color:#CC6600;
  font-size:11px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:underline;
  display:inline;
}

.required {
  background: transparent url( '../images/icon_required.gif' ) no-repeat left center;
  padding-left: 13px;
}

.validation-failed-input {
  border: solid 2px red;
}

.validation-failed-label {
  font-weight: bold;
  color: red;
}

ul.paging-buttons {
  margin: 0;
  padding: 0;
  list-style: none;
}

.paging-buttons li {
  float: left;
  background-repeat: repeat-x;
  line-height: 1.4em;
}

.paging-buttons a {
  display: block;
  padding: 0.3em 0.3em 0.3em 0.3em;
  font-weight: 600;
  color: black;
  font-size: 1.1em;
  text-decoration: none;
}

.paging-buttons li.green {
  background: url( '../images/btn_green.gif' );
}

.paging-buttons li.green:active {
  background: url( '../images/btn_green_active.gif' );
}

.green-pushed {
  background: url( '../images/btn_green_active.gif' ) !important;
}

.paging-buttons li.grey {
  background: url( '../images/btn_grey.gif' );
}

.rounded-tl {
  background: url( '../images/studio_top_left_corner_light_blue.png');
  background-repeat: no-repeat;
}

.rounded-bl {
  background: url( '../images/studio_bottom_left_corner_light_blue.png' );
  background-repeat: no-repeat;
  background-position: bottom left;
}

.rounded-br {
  background: url( '../images/studio_bottom_right_corner_light_blue.png' );
  background-repeat: no-repeat;
  background-position: bottom right;
}