/* STYLES FOR ADS - DO NOT REMOVE
no_skin = display def overridden in default no_skin madison code
absolute = used for 1x1s to pull them out of the normal flow
curl, skin, etc. = ensure default madison code doesn't insert extra spacing at the top of the page
*******************************/
#no_skin {
  width:0;
  height:0;
  font-size:0;
  position:absolute;
  top:0px;
  left:0px;
  display:none;
  }

.absolute {
  width:1px;
  height:1px;
  font-size:1px;
  position:absolute;
  top:0px;
  left:0px;
  }

#curl {
	font-size:1px;
	position:absolute;
	top:0px;
	left:0px;
	}

#curl iframe,
#curl img {
	width:1px;
	height:1px;
	font-size:1px;
	position:absolute;
	top:0px;
	left:0px;
	}

#skin {
	font-size:1px;
	position:absolute;
	top:0px;
	left:0px;
	}

#skin iframe,
#skin img {
	width:1px;
	height:1px;
	font-size:1px;
	position:absolute;
	top:0px;
	left:0px;
	}


body {
  margin:0;
  border:0;
  text-align:center;
  background:url(images/Red_Black4.gif) center repeat-y #000000;
  font:normal 12px Arial;
  }



#no-header {
  background:#FFF;
  }

a {
  text-decoration:none;
  }

a:hover {
  text-decoration:underline;
  }

a img {
  border:0;
  }

form {
  margin:0;
  padding:0;
  }

.divider {
  height:21px;
  clear:both;
  background:url(http://image.com.com/tv/images/tv2_layout/divider.gif) center repeat-x;
  }

.divider.short {
  height:11px;
  }

.divider.solid {
  background:url(http://image.com.com/tv/images/tv2_layout/divider-solid.gif) center repeat-x;
  }

#content {
  clear:both;
  }

#maincolumn {
  width:760px;
  text-align:left;
  margin:0 auto;
  background-color:#FFF;
  }

#no-header #maincolumn {
  width:100%;
  }


/****************************
  GNE HEADER
****************************/

#gnenav {
  background:url("http://i.i.com.com/cnet.g2/shared/ge_bar_bg2.gif") repeat-x bottom center #000;
  color:#999;
  font-size:10px;
  font-family:Arial, sans-serif;
  padding:2px 0px 4px 8px;
  text-align:left;
  }

#gnenav a {
  color:#CCC;
  text-decoration:none;
  font-family:Arial, sans-serif;
  font-weight:normal;
  }

#gnenav a:hover {
  color:#FFF;
  text-decoration:none;
  font-family:Arial, sans-serif;
  font-weight:normal;
  }


/****************************
  HEADER
****************************/

#header {
  font:bold 11px Arial;
  }

#header ul {
  list-style:none;
  margin:0;
  padding:0;
  }

#header li {
  display:inline;
  margin:0;
  padding:0;
  float:left;
  }

#section-head-logo {
  float:left;
  width:300px;
  height:76px;
  background-position:left;
  background-repeat:no-repeat;
  }

.allshows  #section-head-logo {background-image:url(http://image.com.com/tv/images/tv2_layout/header/head-logo-allshows.gif);}
.listings  #section-head-logo {background-image:url(http://image.com.com/tv/images/tv2_layout/header/head-logo-listings.gif);}
.features  #section-head-logo {background-image:url(http://image.com.com/tv/images/tv2_layout/header/head-logo-features.gif);}
.news      #section-head-logo {background-image:url(http://image.com.com/tv/images/tv2_layout/header/head-logo-news.gif);}
.pictures  #section-head-logo {background-image:url(http://image.com.com/tv/images/tv2_layout/header/head-logo-pictures.gif);}
.downloads #section-head-logo {background-image:url(http://image.com.com/tv/images/tv2_layout/header/head-logo-downloads.gif);}
.videos    #section-head-logo {background-image:url(http://image.com.com/tv/images/tv2_layout/header/head-logo-videos.gif);}

#tracking-toolbar #section-head-logo {
  width:372px;
  }

#tracking-toolbar #content {
  text-align:left;
  height:39px;
  background:url(http://image.com.com/tv/images/tv2_layout/header/tracking-dropdown-bg.gif) left repeat-x;
  }


/****************************
  USERBAR
****************************/

#header .userbar,
#header .userbar-bg {
  height:76px;
  }

#header .userbox {
  margin-right:2px;
  display:inline;
  float:right;
  }

#header .userbox a {
  color:#FFC;
  font-weight:bold;
  }

#header .userbox .body {
  font-weight:normal;
  color:#CCC;
  padding:10px;
  width:290px;
  height:56px;
  overflow:hidden;
  }

#header .userbox .avatar {
  width:1px;
  height:56px;
  padding-right:5px;
  }

#header .userbox .options {
  font-size:10px;
  float:right;
  }

#header .userbox .options a {
  color:#CCC;
  }

#header .userbox .mail {
  background:url(http://image.com.com/tv/images/tv2_layout/header/mail.gif) top no-repeat;
  padding:7px 0 0;
  width:40px;
  text-align:center;
  }

#header .userbox .mail .unread {
  display:block;
  background:url(http://image.com.com/tv/images/tv2_layout/header/mail-icon.gif) left no-repeat;
  padding:5px 0 5px 25px;
  width:20px;
  }

#header .userbox .updates {
  background:url(http://image.com.com/tv/images/tv2_layout/header/updates.gif) top no-repeat;
  padding-top:7px;
  width:58px;
  text-align:center;
  }

#header .userbox form {
  margin:0;
  padding:0;
  }

#header .userbox form,
#header .userbox select,
#header .userbox input,
#header .userbox option {
  font-size:10px;
  }

#header .userbox input {
  width:100px;
  }

#header .userbox .btn {
  height:22px;
  padding:0 10px 0 15px;
  display:block;
  position:relative;
  background-position:top left;
  font:bold 11px/22px Arial;
  color:#FFF;
  text-align:center;
  }

#header .userbox .btn span {
  width:10px;
  height:22px;
  position:absolute;
  right:-5px;
  top:0;
  background-position:top right;
  }

#header .userbox .btn:hover {
  text-decoration:none;
  background-position:bottom left;
  }

#header .userbox .btn:hover span {
  cursor:pointer;
  background-position:bottom right;
  }

/* light background */
#header .userbox a.btn.orange, #content a.btn.orange span, #popup a.btn.orange {
  background-image:url(http://image.com.com/tv/images/tv2_layout/buttons/btn-normal-orange.gif);
  }

#header .userbox a.btn.blue,
#header .userbox a.btn.blue span {
  background-image:url(http://image.com.com/tv/images/tv2_layout/buttons/btn-normal-blue.gif);
  }

/* dark background */
#header .userbox a.btn.orange-darkbg,
#header .userbox a.btn.orange-darkbg span {
  background-image:url(http://image.com.com/tv/images/tv2_layout/buttons/btn-normal-orange-darkbg.gif);
  }

#header .userbox a.btn.blue-darkbg,
#header .userbox a.btn.blue-darkbg span {
  background-image:url(http://image.com.com/tv/images/tv2_layout/buttons/btn-normal-blue-darkbg.gif);
  }


/****************************
  COLORS USERBAR
****************************/

#header .userbar        {background:url(http://image.com.com/tv/images/tv2_layout/header/blue/header-bg.gif) repeat-x;}
#header .userbar-bg     {background:url(http://image.com.com/tv/images/tv2_layout/header/blue/logo.gif) no-repeat left;}
#header .userbox        {background:url(http://image.com.com/tv/images/tv2_layout/header/blue/user-bg.gif) repeat-x;}
#header .userbox .left  {background:url(http://image.com.com/tv/images/tv2_layout/header/blue/user-left.gif) left no-repeat;}
#header .userbox .right {background:url(http://image.com.com/tv/images/tv2_layout/header/blue/user-right.gif) right no-repeat;}

#aqua #header .userbar        {background:url(http://image.com.com/tv/images/tv2_layout/header/aqua/header-bg.gif) repeat-x;}
#aqua #header .userbar-bg     {background:url(http://image.com.com/tv/images/tv2_layout/header/aqua/logo.gif) no-repeat left;}
#aqua #header .userbox        {background:url(http://image.com.com/tv/images/tv2_layout/header/aqua/user-bg.gif) repeat-x;}
#aqua #header .userbox .left  {background:url(http://image.com.com/tv/images/tv2_layout/header/aqua/user-left.gif) left no-repeat;}
#aqua #header .userbox .right {background:url(http://image.com.com/tv/images/tv2_layout/header/aqua/user-right.gif) right no-repeat;}

#brown #header .userbar        {background:url(http://image.com.com/tv/images/tv2_layout/header/brown/header-bg.gif) repeat-x;}
#brown #header .userbar-bg     {background:url(http://image.com.com/tv/images/tv2_layout/header/brown/logo.gif) no-repeat left;}
#brown #header .userbox        {background:url(http://image.com.com/tv/images/tv2_layout/header/brown/user-bg.gif) repeat-x;}
#brown #header .userbox .left  {background:url(http://image.com.com/tv/images/tv2_layout/header/brown/user-left.gif) left no-repeat;}
#brown #header .userbox .right {background:url(http://image.com.com/tv/images/tv2_layout/header/brown/user-right.gif) right no-repeat;}

#steel #header .userbar        {background:url(http://image.com.com/tv/images/tv2_layout/header/steel/header-bg.gif) repeat-x;}
#steel #header .userbar-bg     {background:url(http://image.com.com/tv/images/tv2_layout/header/steel/logo.gif) no-repeat left;}
#steel #header .userbox        {background:url(http://image.com.com/tv/images/tv2_layout/header/steel/user-bg.gif) repeat-x;}
#steel #header .userbox .left  {background:url(http://image.com.com/tv/images/tv2_layout/header/steel/user-left.gif) left no-repeat;}
#steel #header .userbox .right {background:url(http://image.com.com/tv/images/tv2_layout/header/steel/user-right.gif) right no-repeat;}

#purple #header .userbar        {background:url(http://image.com.com/tv/images/tv2_layout/header/purple/header-bg.gif) repeat-x;}
#purple #header .userbar-bg     {background:url(http://image.com.com/tv/images/tv2_layout/header/purple/logo.gif) no-repeat left;}
#purple #header .userbox        {background:url(http://image.com.com/tv/images/tv2_layout/header/purple/user-bg.gif) repeat-x;}
#purple #header .userbox .left  {background:url(http://image.com.com/tv/images/tv2_layout/header/purple/user-left.gif) left no-repeat;}
#purple #header .userbox .right {background:url(http://image.com.com/tv/images/tv2_layout/header/purple/user-right.gif) right no-repeat;}

#green #header .userbar        {background:url(http://image.com.com/tv/images/tv2_layout/header/green/header-bg.gif) repeat-x;}
#green #header .userbar-bg     {background:url(http://image.com.com/tv/images/tv2_layout/header/green/logo.gif) no-repeat left;}
#green #header .userbox        {background:url(http://image.com.com/tv/images/tv2_layout/header/green/user-bg.gif) repeat-x;}
#green #header .userbox .left  {background:url(http://image.com.com/tv/images/tv2_layout/header/green/user-left.gif) left no-repeat;}
#green #header .userbox .right {background:url(http://image.com.com/tv/images/tv2_layout/header/green/user-right.gif) right no-repeat;}



/****************************
  SEARCHBAR
****************************/

#header #searchbar {
  height:30px;
  padding-top:6px;
  background:url(http://image.com.com/tv/images/tv2_layout/header/searchbar-bg.gif) repeat-x;
  }

#header #searchbar form {
  width:444px;
  height:30px;
  margin:0 0 0 9px;
  float:left;
  display:inline;
  }

#header #searchbar form .left,
#header #searchbar form .right {
  height:30px;
  }

#header #searchbar form .body {
  color:#FFF;
  padding:0 20px;
  }

#header #searchbar form span {
  float:left;
  line-height:30px;
  }

#header #searchbar form span.input {
  height:20px;
  width:230px;
  margin:4px 10px 0;
  background:url(http://image.com.com/tv/images/tv2_layout/header/search-input-bg2.gif);
  }

#header #searchbar.safari form span.input {
  background:none;
  }

#header #searchbar input {
  height:16px;
  width:140px;
  float:left;
  background:transparent;
  border:0;
  margin:4px 5px 0;
  padding:0;
  color:#91998E;
  font-size:11px;
  }

#header #searchbar input.on {
  color:#333;
  }

#header #searchbar.safari input {
  margin:0;
  width:230px;
  }

#header #searchbar .btn {
  width:97px;
  height:23px;
  padding:0;
  margin-top:2px;
  float:left;
  display:inline;
  cursor:pointer;
  }



/****************************
  THEMED SEARCHBAR
****************************/

#blue #header #searchbar form        {background:url(http://image.com.com/tv/images/tv2_layout/header/blue/search-bg.gif) repeat-x bottom;}
#blue #header #searchbar form .left  {background:url(http://image.com.com/tv/images/tv2_layout/header/blue/search-left.gif) no-repeat left;}
#blue #header #searchbar form .right {background:url(http://image.com.com/tv/images/tv2_layout/header/blue/search-right.gif) no-repeat right;}
#blue #header #searchbar .btn        {background:url(http://image.com.com/tv/images/tv2_layout/header/blue/btn-search.gif);}

#aqua #header #searchbar form        {background:url(http://image.com.com/tv/images/tv2_layout/header/aqua/search-bg.gif) repeat-x bottom;}
#aqua #header #searchbar form .left  {background:url(http://image.com.com/tv/images/tv2_layout/header/aqua/search-left.gif) no-repeat left;}
#aqua #header #searchbar form .right {background:url(http://image.com.com/tv/images/tv2_layout/header/aqua/search-right.gif) no-repeat right;}
#aqua #header #searchbar .btn        {background:url(http://image.com.com/tv/images/tv2_layout/header/aqua/btn-search.gif);}

#steel #header #searchbar form        {background:url(http://image.com.com/tv/images/tv2_layout/header/steel/search-bg.gif) repeat-x bottom;}
#steel #header #searchbar form .left  {background:url(http://image.com.com/tv/images/tv2_layout/header/steel/search-left.gif) no-repeat left;}
#steel #header #searchbar form .right {background:url(http://image.com.com/tv/images/tv2_layout/header/steel/search-right.gif) no-repeat right;}
#steel #header #searchbar .btn        {background:url(http://image.com.com/tv/images/tv2_layout/header/steel/btn-search.gif);}

#brown #header #searchbar form        {background:url(http://image.com.com/tv/images/tv2_layout/header/brown/search-bg.gif) repeat-x bottom;}
#brown #header #searchbar form .left  {background:url(http://image.com.com/tv/images/tv2_layout/header/brown/search-left.gif) no-repeat left;}
#brown #header #searchbar form .right {background:url(http://image.com.com/tv/images/tv2_layout/header/brown/search-right.gif) no-repeat right;}
#brown #header #searchbar .btn        {background:url(http://image.com.com/tv/images/tv2_layout/header/brown/btn-search.gif);}

#purple #header #searchbar form        {background:url(http://image.com.com/tv/images/tv2_layout/header/purple/search-bg.gif) repeat-x bottom;}
#purple #header #searchbar form .left  {background:url(http://image.com.com/tv/images/tv2_layout/header/purple/search-left.gif) no-repeat left;}
#purple #header #searchbar form .right {background:url(http://image.com.com/tv/images/tv2_layout/header/purple/search-right.gif) no-repeat right;}
#purple #header #searchbar .btn        {background:url(http://image.com.com/tv/images/tv2_layout/header/purple/btn-search.gif);}

#green #header #searchbar form        {background:url(http://image.com.com/tv/images/tv2_layout/header/green/search-bg.gif) repeat-x bottom;}
#green #header #searchbar form .left  {background:url(http://image.com.com/tv/images/tv2_layout/header/green/search-left.gif) no-repeat left;}
#green #header #searchbar form .right {background:url(http://image.com.com/tv/images/tv2_layout/header/green/search-right.gif) no-repeat right;}
#green #header #searchbar .btn        {background:url(http://image.com.com/tv/images/tv2_layout/header/green/btn-search.gif);}


/****************************
  QUEUE ALERT
****************************/

#queue-alert {
  height:29px;
  line-height:29px;
  padding-left:102px;
  padding-right:12px;
  margin-right:4px;
  font-size:11px;
  float:right;
  display:inline;
  position:relative;
  background:url(http://image.com.com/tv/images/tv2_layout/header/mod-queue-bg.gif) top left;
  }

#queue-alert.pending {
  background-position:bottom left;
  }

#queue-alert .queue-link {
  width:70px;
  height:29px;
  position:absolute;
  top:0;
  left:27px;
  background:url(http://image.com.com/tv/images/tv2_layout/header/mod-queue-divider.gif) right no-repeat;
  }

#queue-alert .queue-link a {
  color:#333;
  }

#queue-alert .sub-count {
  color:#999;
  }

#queue-alert.pending .sub-count {
  color:#C00;
  }

#queue-alert .queue-right-cap {
  width:12px;
  height:29px;
  position:absolute;
  top:0;
  right:0;
  background:url(http://image.com.com/tv/images/tv2_layout/header/mod-queue-bg.gif) top right;
  }


/****************************
  GLOBALBAR
****************************/

#header .globalbar {
  clear:both;
  height:31px;
  line-height:31px;
  background:url(http://image.com.com/tv/images/tv2_layout/header/globalbar-bg.gif) top left repeat-x;
  }

#header .globalbar a {
  padding:0 11px 0 10px;
  color:#000;
  float:left;
  background:url(http://image.com.com/tv/images/tv2_layout/header/globalbar-bg.gif) top right repeat-x;
  }

#header .globalbar a:hover {
  background-position:bottom right;
  text-decoration:none;
  }

#header .globalbar li {
  height:31px;
  background:url(http://image.com.com/tv/images/tv2_layout/header/globalbar-divider.gif) no-repeat right;
  }

#header .globalbar li.first {
  padding-left:0;
  }


/****************************
  COLORS GLOBALBAR
****************************/

#header .globalbar a.on {color:#FFF;background-position:right;}

#blue   #header .globalbar a.on {background-image:url(http://image.com.com/tv/images/tv2_layout/header/blue/globalbar-bg.gif);}
#aqua   #header .globalbar a.on {background-image:url(http://image.com.com/tv/images/tv2_layout/header/aqua/globalbar-bg.gif);}
#steel  #header .globalbar a.on {background-image:url(http://image.com.com/tv/images/tv2_layout/header/steel/globalbar-bg.gif);}
#purple #header .globalbar a.on {background-image:url(http://image.com.com/tv/images/tv2_layout/header/purple/globalbar-bg.gif);}
#green  #header .globalbar a.on {background-image:url(http://image.com.com/tv/images/tv2_layout/header/green/globalbar-bg.gif);}
#brown  #header .globalbar a.on {background-image:url(http://image.com.com/tv/images/tv2_layout/header/brown/globalbar-bg.gif);}



/****************************
  COLORS GENREBAR
****************************/
#header .genrebar {background-position:bottom;background-repeat:repeat-x;}
#header .genrebar li {background-position:bottom left;background-repeat:no-repeat;}
#header .genrebar a {color:#FF9;}

#blue #header .genrebar {background-image:url(http://image.com.com/tv/images/tv2_layout/header/blue/genrebar-bg.gif);}
#blue #header .genrebar li {background-image:url(http://image.com.com/tv/images/tv2_layout/header/blue/genrebar-divider.gif);}
#blue #header .genrebar a {color:#CFF;}

#aqua #header .genrebar {background-image:url(http://image.com.com/tv/images/tv2_layout/header/aqua/genrebar-bg.gif);}
#aqua #header .genrebar li {background-image:url(http://image.com.com/tv/images/tv2_layout/header/aqua/genrebar-divider.gif);}

#brown #header .genrebar {background-image:url(http://image.com.com/tv/images/tv2_layout/header/brown/genrebar-bg.gif);}
#brown #header .genrebar li {background-image:url(http://image.com.com/tv/images/tv2_layout/header/brown/genrebar-divider.gif);}

#steel #header .genrebar {background-image:url(http://image.com.com/tv/images/tv2_layout/header/steel/genrebar-bg.gif);}
#steel #header .genrebar li {background-image:url(http://image.com.com/tv/images/tv2_layout/header/steel/genrebar-divider.gif);}

#purple #header .genrebar {background-image:url(http://image.com.com/tv/images/tv2_layout/header/purple/genrebar-bg.gif);}
#purple #header .genrebar li {background-image:url(http://image.com.com/tv/images/tv2_layout/header/purple/genrebar-divider.gif);}

#green #header .genrebar {background-image:url(http://image.com.com/tv/images/tv2_layout/header/green/genrebar-bg.gif);}
#green #header .genrebar li {background-image:url(http://image.com.com/tv/images/tv2_layout/header/green/genrebar-divider.gif);}


/****************************
  GENREBAR
  (general genrebar styles after color-specific to override .genrebar li styles)
****************************/

#header .genrebar {
  height:30px;
  line-height:30px;
  }

#header .genrebar ul {
  margin-left:10px;
  }

#header .genrebar li {
  padding:0 10px 0 11px;
  height:30px;
  }

#header .genrebar li.first {
  background-image:none;
  }


/****************************
  CONTENT
****************************/

#full-col-wrap {
  padding:6px;
  }

#full-col-wrap #main-col {
  width:434px;
  float:left;
  }

#full-col-wrap #side-col {
  width:302px;
  float:right;
  }

#sky-col-wrap {
  padding:6px;
  }

#sky-col-wrap #main-col {
  width:582px;
  float:left;
  }

#sky-col-wrap #side-col {
  width:160px;
  float:right;
  padding-bottom:10px;
  }

#entire-col-wrap {
  padding:6px;
  }

#no-header #entire-col-wrap {
  padding:0;
  }

#side-col,
#main-col {
  overflow:hidden;
  }

/****************************
  SITE FOOTER
****************************/

#footer {
  margin-top:20px;
  background-color:#000;
  clear:both;
  font-size:11px;
  color:#CCC;
  line-height:16px;
  }

#footer .logo {
  float:left;
  margin-top:9px;
  margin-left:10px;
  display:inline;
  }

#footer div {
  padding-left:10px;
  padding-right:10px;
  }

#footer #leader div {padding:0;}

#footer #foot-search {
  height:50px;
  border-top:1px solid #323232;
  border-bottom:1px solid #787878;
  background:url(http://image.com.com/tv/images/tv2_layout/footer/search-bg.gif);
  color:#333;
  font-size:11px;
  font-weight:bold;
  }

#footer #foot-search table {
  height:50px;
  margin-left:184px;
}

#footer #foot-search span.input {
  height:20px;
  width:150px;
  margin:0 10px;
  float:left;
  background:url(http://image.com.com/tv/images/tv2_layout/header/search-input-bg.gif);
  }

#footer #foot-search.safari span.input {
  background:none;
  }

#footer #foot-search input {
  height:16px;
  width:140px;
  float:left;
  background:transparent;
  border:0;
  margin:4px 5px 0;
  padding:0;
  color:#91998E;
  font-size:11px;
  }

#footer #foot-search input.on {
  color:#333;
  }

#footer #foot-search.safari input {
  margin:0;
  width:150px;
  }

#footer .leader {
  text-align:center;
  border-bottom:1px solid #333;
  background-color:#111;
  }

#footer .helpline {
  padding-bottom:3px;
  text-align:right;
  border-top:1px solid #131313;
  background-color:#1E1F24;
  }

#footer .top {
  line-height:18px;
  padding-top:3px;
  padding-bottom:3px;
  background-color:#363A47;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  }

#footer .top h1 {
  margin:0;
  color:#999;
  font-size:11px;
  font-weight:normal;
  }

#footer .top a {
  color:#FFC;
  }

#footer .top span {
  display:block;
  }

#footer .oncnet,
#footer .line {
  padding-bottom:3px;
  padding-top:3px;
  }

#footer .oncnet a,
#footer .line a {
  color:#CCC;
  font-weight:bold;
  }

#footer .oncnet {
  background-color:#1E1F24;
  }

#footer .line {
  border-top:1px solid #363A47;
  background-color:#000;
  }

#footer .line.last {
  font-size:10px;
  }

#footer .spacer {
  clear:both;
  height:20px;
  font-size:0px;
  }
  
/****************************
  RSS
****************************/

.icon_rss {
width:16px;
height:16px;
background:url(http://image.com.com/tv/images/icon_rss.gif) no-repeat;
vertical-align:text-bottom;
}

/*****************************************
  GENERIC
*****************************************/

.fl   {float:left;}
.fr   {float:right;}
.fn   {float:none;}

.center {margin-left:auto;margin-right:auto;}

.cl     {clear:left;}
.cr     {clear:right;}
.cb     {clear:both;}

.mt-0     {margin-top:0px;}
.mt-5     {margin-top:5px;}
.mt-10    {margin-top:10px;}
.mt-15    {margin-top:15px;}
.mt-20    {margin-top:20px;}
.mt-30    {margin-bottom:30px;}
.mb-0     {margin-bottom:0px;}
.mb-5     {margin-bottom:5px;}
.mb-10    {margin-bottom:10px;}
.mb-15    {margin-bottom:15px;}
.mb-20    {margin-bottom:20px;}
.mb-30    {margin-bottom:30px;}
.mr-5     {margin-right:5px;}
.mr-10    {margin-right:10px;}
.mr-15    {margin-right:15px;}
.mr-20    {margin-right:20px;}
.mr-30    {margin-right:30px;}
.ml-5     {margin-left:5px;}
.ml-10    {margin-left:10px;}
.ml-15    {margin-left:15px;}
.ml-20    {margin-left:20px;}
.ml-30    {margin-left:30px;}

.m-0    {margin:0px;}
.m-5    {margin:5px;}
.m-10   {margin:10px;}

.pt-0   {padding-top:0px;}
.pt-1   {padding-top:1px;}
.pt-2   {padding-top:2px;}
.pt-3   {padding-top:3px;}
.pt-4   {padding-top:4px;}
.pt-5     {padding-top:5px;}
.pt-10    {padding-top:10px;}
.pt-15    {padding-top:15px;}
.pt-20    {padding-top:20px;}
.pb-0     {padding-bottom:0px;}
.pb-1   {padding-bottom:1px;}
.pb-2   {padding-bottom:2px;}
.pb-3   {padding-bottom:3px;}
.pb-4   {padding-bottom:4px;}
.pb-5     {padding-bottom:5px;}
.pb-10    {padding-bottom:10px;}
.pb-15    {padding-bottom:15px;}
.pb-20    {padding-bottom:20px;}
.pr-1   {padding-right:1px;}
.pr-2   {padding-right:2px;}
.pr-3   {padding-right:3px;}
.pr-4   {padding-right:4px;}
.pr-5     {padding-right:5px;}
.pr-10    {padding-right:10px;}
.pr-15    {padding-right:15px;}
.pr-20    {padding-right:20px;}
.pl-1   {padding-left:1px;}
.pl-2   {padding-left:2px;}
.pl-3   {padding-left:3px;}
.pl-4   {padding-left:4px;}
.pl-5     {padding-left:5px;}
.pl-10    {padding-left:10px;}
.pl-15    {padding-left:15px;}
.pl-20    {padding-left:20px;}

.p-0    {padding:0px;}
.p-5    {padding:5px;}
.p-10   {padding:10px;}

.ls-1   {letter-spacing:1px;}
.ls-2   {letter-spacing:2px;}
.ls-3   {letter-spacing:3px;}
.ls-4   {letter-spacing:4px;}
.ls-5   {letter-spacing:5px;}

.ta-c   {text-align:center;}
.ta-l   {text-align:left;}
.ta-r   {text-align:right;}

.di   {display:inline;}
.db   {display:block;}
.dn   {display:none;}

.oh   {overflow:hidden;}

.b-000 {border:1px solid #000;}
.bt-000 {border-top:1px solid #000;}
.br-000 {border-right:1px solid #000;}
.bb-000 {border-bottom:1px solid #000;}
.bl-000 {border-left:1px solid #000;}

.b-CCC {border:1px solid #CCC;}
.bt-CCC {border-top:1px solid #CCC;}
.br-CCC {border-right:1px solid #CCC;}
.bb-CCC {border-bottom:1px solid #CCC;}
.bl-CCC {border-left:1px solid #CCC;}

.b-999 {border:1px solid #999;}
.bt-999 {border-top:1px solid #999;}
.br-999 {border-right:1px solid #999;}
.bb-999 {border-bottom:1px solid #999;}
.bl-999 {border-left:1px solid #999;}

.bg-000 {background-color:#000;}
.bg-EEE {background-color:#EEE;}