/************************************************************************

  Title: Homepage

  Site: LinkXL.com

  Listing Order:
  ==============

  1  - RESET
  2  - UNIVERSAL
  3  - BUTTONs
  4  - CONTEXTUAL
  5  - TOPBAR
  6  - MENU
  7  - INFO
  8  - Line1
  9  - Line2
  10 - FOOTER
  11 - CONTENTs
  12 - FORM ERRORs
  13 - FORM
  14 - PLUGINS
  15 - ERROR 404
  16 - RETRIEVE PASSWORD
  17 - ACTIVATION EMAIL
  18 - CONTENT VIEW
  19 - ERROR 500

************************************************************************/

/* ------------------------------------ */
/* ---------->>> 1. RESET <<<---------- */
/* ------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, 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; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}

body {font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif; color: #333;}

table {border-collapse: separate; border-spacing: 0;}
table, td, th { vertical-align: middle; }
caption, th, td {text-align: left; font-weight: normal; }


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

li {list-style-type: none;}

hr {display: none;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* basic links properties */
a.alt,
.altbox .content a {border-bottom: 1px solid #ccc; text-decoration: none; border-color: #d0e4f5; color: #0f5290;}

a:hover {
  text-decoration: underline;
}
/*a:hover, a:active, a:focus,*/
/*a.alt:hover, a.alt:active, a.alt:focus,*/
/*.altbox .content a:hover, .altbox .content a:active, .altbox .content a:focus {border-color: #d0e4f5; color: #0a80cf;}*/
a img {border: none;}
.altbox .content table thead a { border: 0}


/* ---------------------------------------- */
/* ---------->>> 2. UNIVERSAL <<<---------- */
/* ---------------------------------------- */
body{
  background : url("../images/bg.png") repeat-x scroll center top #ffffff;
  color      : #717171;
}

/* clear fix, clears floating elements */
br.clear{
  clear : both;
}

.clear_right {
  clear: right !important;
}
.clear_left {
  clear: left !important;
}
.float_right {
  float: right !important;
}
.float_left {
  float: left !important;
}
.align_right {
  text-align: right !important;
}
.align_center {
  text-align: center !important;
}
.align_left {
  text-align: left !important;
}

.container {
  clear      : both;
  height     : auto !important;
  min-height : 100%;
}

.el {
  float: left;
}

/* size */
.full {
  clear    : both;
  display  : table;
  margin   : auto;
  position : relative;
  width    : 998px;
}
/* end size */

/* H[1..5] */
h1, h2, h3, h4, h5 {
  font-weight: bold;
  color: #004f89;
}
h1 {
  font-size   : 18px;
  line-height : 29px;
  margin      : 5px 0px 5px 0px;
}
h2 {
  font-size : 16px;
  margin    : 4px 0px 4px 0px;
}
h3 {
  font-size : 10px;
  margin    : 3px 0px 3px 0px;
}
h4 {
  font-size : 10px;
  margin    : 2px 0px 2px 0px;
}
h5 {
  font-size : 9px;
  margin    : 1px 0px 1px 0px;
}
/* end H[1..5] */

a {
  color           : #0090ff;
  text-decoration : none;
}
a.blue {
  color: #0090ff;
}

fieldset {
  clear: left;
}

p {
  font-size: 12px;
}
p.submit {
  clear      : both;
  margin-top : 15px !important;
}


ul.point {
  display     : inline-table;
  margin-top  : 6px;
  margin-left : 10px;
  width       : 100%;
}
ul.point li {
  background   : url("../images/icons.png") no-repeat -385px -96px transparent;
  font-size    : 12px;
  line-height  : 16px;
  padding-left : 20px;
}

span.validate_error {
  color           : red;
  vertical-align  : baseline;
  *vertical-align : super;
}
span.validate_error.top {
  vertical-align: top;
}

input[type=text],
input[type=password],
textarea {
  background            : url("../images/input_bg.png") repeat-x #FFFFFF;
  border                : 1px solid #E0E0E0;
  border-radius         : 6px;
  font-family           : Arial;
  font-size             : 13px;
  padding               : 2px 5px 2px 5px;
  -moz-border-radius    : 6px;
  -o-box-radius         : 6px;
  -webkit-border-radius : 6px;
  -webkit-border-radius : 6px;
}
input[type=text],
input[type=password] {
  height   : 25px;
  *height  : 23px;
  *padding : 6px 10px 0 5px;
}
textarea {
  height      : 115px;
  padding-top : 5px;
  width       : 390px;
}

address {
  font-size  : 14px;
  font-style : normal;
}

dt {
  clear: left;
}
dt,
dd {
  float         : left;
  margin-bottom : 5px;
}
dt {
  color         : #666666;
  display       : inline-block;
  font-size     : 13px;
  height        : 27px;
  padding-right : 8px;
  position      : relative;
  text-align    : right;
}
dt label {
  float      : right;
  font-size  : 11px;
  position   : relative;
  text-align : right;
  top        : 25%;
}
dd input[type=checkbox] {
  vertical-align: middle;
}


/* ---------------------------------------- */
/* ----------->>> 3. BUTTONs <<<----------- */
/* ---------------------------------------- */
.button {
  border-radius         : 6px;
  border-style          : solid;
  border-width          : 1px;
  box-shadow            : 0 1px 3px rgba(0, 0, 0, 0.5);
  color                 : #FFFFFF;
  cursor                : pointer;
  display               : inline-block;
  font-family           : Arial,Geneva,sans-serif;
  font-size             : 13px;
  font-weight           : bold;
  line-height           : 17px;
  padding               : 7px 15px 8px !important;
  position              : relative;
  text-shadow           : 0 -1px 1px rgba(0, 0, 0, 0.25);
  -moz-border-radius    : 6px;
  -moz-box-shadow       : 0 1px 3px rgba(0, 0, 0, 0.5);
  -o-box-radius         : 6px;
  -o-box-shadow         : 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-border-radius : 6px;
  -webkit-box-shadow    : 0 1px 3px rgba(0, 0, 0, 0.5);
}
.button:hover,
.button:focus {
  text-decoration : none;
}
.button,
.button {
  border: none;
  outline: none;
}
.button.orange {
  background   : url("../images/bg_sprite.png") repeat-x scroll 0 -160px #FF9000;
  border-color : #f7921c !important;
}
.button.orange:hover,
.button.orange:active,
.button.orange:focus {
  background-position: 0 -200px !important;
}
.button.red {
  background   : url("../images/bg_sprite.png") repeat-x scroll 0 -200px #FF3F05;
  border-color : #f7921c !important;
}
.button.red:hover,
.button.red:active,
.button.red:focus {
  background-position: 0 -160px !important;
}
.button.grey {
  background   : url("../images/bg_sprite.png") repeat-x scroll 0 -120px #D6D6D6;
  border-color : #e0e0e0 !important;
  color        : #004f89;
}
.button.grey:hover,
.button.grey:active,
.button.grey:focus {
  color: #f15704 !important;
}


/* ---------------------------------------- */
/* --------->>> 4. CONTEXTUAL <<<---------- */
/* ---------------------------------------- */
a.context {
  color: #0094ff !important;
}


/* ---------------------------------------- */
/* ------------>>> 5. TOPBAR <<<----------- */
/* ---------------------------------------- */
.topbar div {
  height : 146px;
  width  : 560px;
}
.topbar .logo {
  background : url('../images/logo.png') no-repeat;
  width      : 230px;
}
.topbar .logo a {
  display   : block;
  font-size : 0;
  height    : 100%;
  width     : 100%
}

.topbar .login dl {
  color       : #666666;
  float       : right;
  font-size   : 9px;
  margin-top  : 5px;
  *margin-top : 0;
  width       : 370px;
}
.topbar .login dt,
.topbar .login dd {
  float         : left;
  margin-bottom : 5px;
  *width        : 303px;
}
.topbar .login dt.error {
  height: 0;
}
.topbar .login dd.error {
  height        : 40px;
  margin-bottom : 5px;
  margin-left   : 70px;
  *padding-top  : 4px;
}
.topbar .login dd.error div {
  height: 20px;
}
.topbar .login dd.error div span {
  color          : #C30000;
  font-family    : Arial;
  font-size      : 10px;
  font-weight    : bold;
  margin-left    : 5px;
  text-transform : uppercase;
  vertical-align : middle;
}
.topbar .login dd.error div .icon.error {
  background : url('../images/icons.png') no-repeat -90px -400px;
  float      : left;
  height     : 15px;
  margin     : 0;
  width      : 16px !important;
}
.topbar .login dt {
  color         : #666666;
  display       : inline-block;
  font-size     : 13px;
  height        : 27px;
  *line-height  : 23px;
  padding-right : 8px;
  position      : relative;
  text-align    : right;
  width         : 59px;
}
.topbar .login dt label {
  float      : right;
  font-size  : 10px;
  position   : relative;
  text-align : right;
  top        : 25%;
}
.topbar .login dd .button.orange {
  *border        : 0px;
  *margin-bottom : -4px;
  margin-left    : 2px;
  padding        : 7px 13px 6px;
}
.topbar .login dd input[type=text],
.topbar .login dd input[type=password] {
  width: 175px;
}
.topbar .login dd input[type=checkbox] {
  vertical-align : middle;
}
.topbar .login dd span.forgotten {
  margin-right: 5px;
}
.topbar .login dd a.forgotten {
  font-size       : 11px;
}
.topbar .login dd span.remember {
  *display       : inline-block;
  *margin-bottom : 8px;
}

.topbar .social {
  width: 185px;
  float: right;
}
.topbar .social h4 {
  margin-top    : 56px;
  margin-bottom : 6px;
}
.topbar .social div {
  cursor      : pointer;
  float       : left;
  height      : 30px;
  margin-left : 1px;
  padding-top : 2px;
  width       : 30px;
}

.topbar .social .facebook,
.topbar .social .yahoo,
.topbar .social .twitter,
.topbar .social .google {
  float: left;
}
.topbar .social .facebook a,
.topbar .social .yahoo a,
.topbar .social .twitter a,
.topbar .social .google a {
  display: block;
  float  : none;
  height : 26px;
  margin : 0 auto;
  width  : 25px;
}
.topbar .social .facebook a {
  background : url('../images/icons.png') no-repeat -90px -500px;
  width      : 26px;
}
.topbar .social .facebook a:hover,
.topbar .social .facebook a:active,
.topbar .social .facebook a:focus {
  background : url('../images/icons.png') no-repeat -120px -500px;
  height     : 30px;
  margin-top : -2px;
  width      : 30px;
}
.topbar .social .yahoo a {
  background: url('../images/icons.png') no-repeat -90px -535px;
}
.topbar .social .yahoo a:hover,
.topbar .social .yahoo a:active,
.topbar .social .yahoo a:focus {
  background : url('../images/icons.png') no-repeat -120px -535px;
  height     : 30px;
  margin-top : -2px;
  width      : 29px;
}
.topbar .social .twitter a {
  background: url('../images/icons.png') no-repeat -90px -570px;
}
.topbar .social .twitter a:hover,
.topbar .social .twitter a:active,
.topbar .social .twitter a:focus {
  background : url('../images/icons.png') no-repeat -120px -570px;
  height     : 30px;
  margin-top : -2px;
  width      : 29px;
}
.topbar .social .google a {
  background: url('../images/icons.png') no-repeat -90px -605px;
}
.topbar .social .google a:hover,
.topbar .social .google a:active,
.topbar .social .google a:focus {
  background : url('../images/icons.png') no-repeat -120px -605px;
  height     : 30px;
  margin-top : -2px;
  width      : 29px;
}

/* ---------------------------------------- */
/* ------------->>> 6. MENU <<<------------ */
/* ---------------------------------------- */
.menu {
  height        : 40px;
  margin-bottom : 5px;
}
.menu .menu_list {
  background            : url('../images/bg_sprite.png') repeat-x 0 -240px;
  border-radius         : 10px;
  box-shadow            : 0 1px 3px rgba(0, 0, 0, 0.5);
  float                 : left;
  width                 : 100%;
  -moz-border-radius    : 10px;
  -moz-box-shadow       : 0 1px 3px rgba(0, 0, 0, 0.5);
  -o-box-radius         : 10px;
  -o-box-shadow         : 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-border-radius : 10px;
  -webkit-box-shadow    : 0 1px 3px rgba(0, 0, 0, 0.5);
}

.menu .menu_list li.left {
  width: 111px;
}
.menu .menu_list li.right {
  background : url('../images/menu_right_bg.png') no-repeat;
  float      : right;
  width      : 7px;
}
.menu .menu_list li.left {
  background: url('../images/menu_left_bg.png') no-repeat;
}
.menu .menu_list li.space {
  float : right;
}
.menu .menu_list li {
  background : url('../images/bg_sprite.png') repeat-x 0 -240px;
  float      : left;
  height     : 40px;
  text-align : center;
}
.menu .menu_list li a {
  color           : #FFFFFF;
  display         : block;
  font-size       : 14px;
  font-weight     : bold;
  height          : 30px;
  padding         : 10px 16px 0 16px;
  text-decoration : none;
}
.menu .menu_list li a:hover,
.menu .menu_list li a:active,
.menu .menu_list li a:focus,
.menu .menu_list li a.on {
  background         : url('../images/bg_sprite.png') repeat-x 0 -285px;
  box-shadow         : 1px 1px 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow    : 1px 1px 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow : 1px 1px 6px rgba(0, 0, 0, 0.5);
}
.menu .menu_list li.left a:hover,
.menu .menu_list li.left a:active,
.menu .menu_list li.left a:focus,
.menu .menu_list li.left a.on {
  background                        : url('../images/menu_left_hover_bg.png') no-repeat;
  border-bottom-left-radius         : 8px;
  border-top-left-radius            : 8px;
  -moz-border-radius-bottomleft     : 8px;
  -moz-border-radius-topleft        : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -webkit-border-top-left-radius    : 8px;
}

.menu .menu_list li.space a {
  border       : medium none;
  display      : block;
  float        : right;
  font-size    : 13px;
  height       : 13px;
  line-height  : 14px;
  margin-top   : 6px;
  margin-right : 10px;
  padding-top  : 12px;
}


/* ---------------------------------------- */
/* ------------->>> 7. INFO <<<------------ */
/* ---------------------------------------- */
.info div p {
  font-size : 15px;
}
.info .left {
  background : url('../images/homepage_info.jpg') no-repeat;
  height     : 314px;
  width      : 379px;
}
.info .right {
  width: 619px;
}
.info .right h1 {
  margin-top: 20px;
}
.info .right p a {
  color: #f7931d;
}
.info .right .tip {
  background  : url("../images/tip.png") no-repeat scroll 0 0 transparent;
  height      : 116px;
  margin-top  : 20px;
  margin-left : 30px;
  width       : 550px;
}
.info .right .tip a {
  display: none;
}

/* ---------------------------------------- */
/* ------------>>> 8. Line1 <<<------------ */
/* ---------------------------------------- */
.l1 {
  color       : #666666;
  font-size   : 14px;
  padding-top : 10px;
}
.l1 .left,
.l1 .right {
  border-top     : 1px solid #CCCCCC;
  border-bottom  : 1px solid #CCCCCC;
  height         : 215px;
  padding-top    : 10px;
  padding-bottom : 10px;
}
.l1 .left {
  border-right : 1px solid #e5e5e5;
  width        : 498px;
}
.l1 .right {
  width: 499px;
}
.l1 .icon {
  height : 190px;
  width  : 127px;
}
.l1 .left .icon {
}
.l1 .left .icon div {
  background : url('../images/icons.png') no-repeat -90px 0;
  height     : 101px;
  margin     : 0 auto;
  width      : 84px;
}
.l1 .right .icon {
}
.l1 .right .icon div {
  background : url('../images/icons.png') no-repeat -90px -100px;
  height     : 84px;
  margin     : 0 auto;
  width      : 96px;
}

.l1 .left .content,
.l1 .right .content {
  float        : left;
  font-size    : 12px;
  line-height  : 16px;
  margin-right : 10px;
  width        : 360px;
}
.l1 .left .content h2,
.l1 .right .content h2 {
  margin-bottom: 13px;
}

.l1 .bottom {
  margin-top: 13px;
}
.l1 .bottom a {
  margin-right:3px;
}


/* ---------------------------------------- */
/* ------------>>> 9. Line2 <<<------------ */
/* ---------------------------------------- */
.l2 {
  color     : #666666;
  font-size : 14px;
  height    : auto;
}

.l2 .left {
  border-right : 1px solid #E5E5E5;
  padding-top  : 25px;
  width        : 660px;
}
.l2 .left .r1,
.l2 .left .r2,
.l2 .left .r3,
.l2 .left .r4 {
  width: 50%;
}
.l2 .left .r1,
.l2 .left .r2 {
  height : 160px;
}
.l2 .left .r3,
.l2 .left .r4 {
  height: 115px;
}
.l2 .left .r1 .icon,
.l2 .left .r2 .icon,
.l2 .left .r3 .icon,
.l2 .left .r4 .icon {
  height : 100%;
  width  : 90px;
}
.l2 .left .r1 .icon div {
  background: url('../images/icons.png') no-repeat 0 0;
  height     : 76px;
  margin     : 0 auto;
  width      : 59px;
}
.l2 .left .r2 .icon div {
  background: url('../images/icons.png') no-repeat 0 -150px;
  height     : 88px;
  margin     : 0 auto;
  width      : 54px;
}
.l2 .left .r3 .icon div {
  background: url('../images/icons.png') no-repeat 0 -70px;
  height     : 75px;
  margin     : 0 auto;
  width      : 69px;
}
.l2 .left .r4 .icon div {
  background: url('../images/icons.png') no-repeat 0 -240px;
  height     : 76px;
  margin     : 0 auto;
  width      : 75px;
}

.l2 .left .content {
  padding-left : 10px;
}
.l2 .left .content h2 {
  margin-bottom: 8px;
}

.l2 .left .icon_search,
.l2 .left input {
  height: 29px;
  *height: 23px;
}
.l2 .left .icon_search {
  background : url('../images/bg_sprite.png') no-repeat 0 -30px;
  height     : 29px;
  width      : 27px;
}
.l2 .left .icon_search .icon {
  background  : url('../images/icons.png') no-repeat -90px -460px;
  height      : 11px;
  margin-top  : 8px;
  margin-left : 8px;
  width       : 16px;
}
.l2 .left .icon_search .submit {

}
.l2 .left input[type=text] {
  background            : url("../images/bg_sprite.png") repeat-x scroll 0 -60px transparent;
  border                : medium none;
  border-radius         : 0 !important;
  color                 : #888;
  font-size             : 11px;
  margin                : 0;
  padding               : 0px 10px 0 5px;
  *padding              : 6px 10px 0 5px;
  vertical-align        : middle;
  width                 : 135px;
  -moz-border-radius    : 0 !important;
  -webkit-border-radius : 0 !important;
}
.l2 .left input[type=text]:focus,
.l2 .left input[type=password]:focus {
  outline: 0 none;
}
.l2 .left input[type=submit] {
  border        : none;
  height        : 27px;
  margin-left   : -5px;
  padding       : 0 !important;
  padding-right : 3px;
  padding-left  : 3px;
  width         : 39px;
}

.l2 .left .r1 p {
  clear       : left;
  margin-top  : 8px;
  *margin-top : 0;
}
.l2 .left p {
  width: 203px;
}

.l2 .right {
  padding-top  : 25px;
  padding-left : 20px;
  width        : 315px;
}
.l2 .right .icon {
  height     : 135px;
  width      : 129px;
}
.l2 .right .icon div {
  background : url('../images/icons.png') no-repeat -90px -200px;
  height     : 114px;
  margin     : 0 auto;
  width      : 82px;
}
.l2 .right h3 {
  clear     : both;
  color     : #666666;
  font-size : 12px;
}
.l2 .right ul {
  margin-top: 0;
}


/* ---------------------------------------- */
/* ---------->>> 10. FOOTER <<<------------ */
/* ---------------------------------------- */
.footer {
  background : url('../images/bg_sprite.png') repeat-x 0 -329px;
  height     : 257px;
  margin-top : 1px;
  width      : 100%;
}
.footer .content {
  border-top : 1px solid #cccccc;
  padding-top  : 17px;
  padding-left : 15px;
}
.footer span {
  float: left;
}
.footer span.copy {
  margin-top  : 10px;
  margin-left : 15px;
}
.footer span.copy a,
.footer span.copy a:hover {
  color: #999999;
}
.footer span.copy .u:hover,
.footer span.copy .d:hover {
  text-decoration: none;
}
.footer span.copy .u {
  font-size: 12px;
}
.footer span.copy .d {
 font-size: 10px;
}
.footer ul.menu {
  float          : right;
  margin-top     : 8px;
  vertical-align : top;
  height: auto;
}
.footer ul li {
  display         : inline;
  list-style-type : none;
  padding         : 0 8px;
}
.footer ul li a {
  color       : #f7921c;
  font-size   : 12px;
  font-weight : bold;
}
.footer ul li a:hover {
  text-decoration : underline;
}
.footer ul li a.button {
  color          : #ffffff;
  font-size      : 10px;
  *margin-bottom : -9px;
  padding-right  : 10px;
  padding-left   : 10px;
}
.footer ul li a.button:hover {
  text-decoration: none;
}


/* ---------------------------------------- */
/* ---------->>> 11. CONTENTs <<<---------- */
/* ---------------------------------------- */
.contents {
  padding-bottom: 15px;
}
.contents .left,
.contents .right {
}
.contents .left {
  width: 330px;
}
.contents .right {
  width: 650px;
}
.contents .left .middle {
  display : table;
  height  : 100%;
  width   : 100%;
  position: relative;
  height         : 223px;
}
.contents .left .middle .icon {
  display        : table-cell;
  height         : 223px;
  *position      : absolute;
  *top           : 70%;
  vertical-align : middle;
}

.contents .left .middle .icon div {
  margin    : 0 auto;
  *position : relative;
  *top      : -50%;
}
.contents .left .middle .icon.advertisers div {
  background : url('../images/icons.png') no-repeat -210px 0;
  height     : 156px;
  width      : 148px;
}
.contents .left .middle .icon.contact div {
  background : url('../images/icons.png') no-repeat -210px -160px;
  height     : 126px;
  width      : 170px;
}
.contents .left .middle .icon.publishers div {
  background : url('../images/icons.png') no-repeat -210px -605px;
  height     : 140px;
  width      : 160px;
}
.contents .left .middle .icon.agencies div {
  background : url('../images/icons.png') no-repeat -210px -450px;
  height     : 151px;
  width      : 106px;
}
/*.contents .left .middle .icon.sign_up div {*/
.contents .left .middle .icon.registration div {
  background : url('../images/icons.png') no-repeat -210px -290px;
  height     : 153px;
  width      : 195px;
}
.contents .left .middle .icon.plugins div {
  background : url('../images/icons.png') no-repeat -210px -755px;
  height     : 135px;
  width      : 175px;
}
.contents .left .middle .icon.error404 div {
  background : url('../images/icons.png') no-repeat 0 -755px;
  height     : 161px;
  width      : 175px;
}
.contents .left .middle .icon.retrieve_password div {
  background : url('../images/icons.png') no-repeat -210px -920px;
  height     : 124px;
  width      : 180px;
}
.contents .left .middle .icon.privacy div,
.contents .left .middle .icon.terms div {
  background : url('../images/icons.png') no-repeat 0 -920px;
  height     : 176px;
  width      : 175px;
}


.contents .left .box {
  border                : 1px solid #f0f0f0;
  border-radius         : 6px;
  display               : table;
  margin-bottom         : 6px;
  width                 : 95%;
  -moz-border-radius    : 6px;
  -o-box-radius         : 6px;
  -webkit-border-radius : 6px;
}
.contents .left .box .icon {
  height      : 102px;
  padding-top : 13px;
  width       : 107px;
}
.contents .left .box .icon div {
  background : url("../images/icons.png") no-repeat scroll -90px -320px transparent;
  margin     : 0 auto;
}
.contents .left .box.advertisers .icon div {
  background-position: -90px -320px;
  height     : 73px;
  width      : 68px;
}
.contents .left .box.publisher .icon div {
  background-position: 0 -320px;
  height     : 69px;
  width      : 68px;
}
.contents .left .box.agency .icon div {
  background-position: 0 -400px;
  height     : 90px;
  width      : 66px;
}
.contents .left .box.contact .icon div {
  background-position: 0 -500px;
  height     : 63px;
  width      : 78px;
}
.contents .left .box.blog .icon div {
  background-position: 0 -570px;
  height     : 72px;
  width      : 66px;
}
.contents .left .box .content {
  font-size : 14px;
  padding   : 10px 0;
  width     : 200px;
}
.contents .left .box .content a {
  color : #f48400;
}

.contents .right  {
  padding-top  : 15px;
  padding-left : 15px;
}
.contents .right h1,
.contents .right .box h3,
.contents .right div {
  padding-left: 20px;
}

/*CONTACT VIEW*/
.contents .right .contact-content {
  border       : medium none !important;
  padding-top  : 0 !important;
  padding-left : 0 !important;
}
.contents .right .contact-content div {
  width: 97%;
}
/* end CONTACT VIEW*/

/*PRIVACY POLICY VIEW*/
.contents .right .privacy-content {
  border       : medium none !important;
  padding-top  : 0 !important;
  padding-left : 0 !important;
}
.contents .right .privacy-content div {
  width: 97%;
}
/* end PRIVACY POLICY VIEW*/

/*Terms of Service POLICY VIEW*/
.contents .right .termsofservice-content {
  border       : medium none !important;
  padding-top  : 0 !important;
  padding-left : 0 !important;
}
.contents .right .termsofservice-content div {
  width: 97%;
}
/* end Terms of Service VIEW*/

.contents .content_view {
  border       : none !important;
  padding-top  : 0 !important;
  padding-left : 0 !important;
}
.contents .right h1 {
  font-size     : 30px;
  margin-bottom : 10px;
}
.contents .right > div {
  width          : 97% !important;
  *width         : 96%;
}
.contents .right div {
  border-top     : 1px solid #CCCCCC;
  clear          : both;
  *clear         : none;
  float          : left;
  font-size      : 12px;
  padding-top    : 10px;
  padding-bottom : 15px;
}
.contents .right div.no_border {
  border: none !important;
}
.contents .right div > div.content {
  padding-top: 0;
}
.contents .right div h3 {
  font-size : 18px;
}
.contents .right div h3.border {
  border-bottom  : 1px solid #CCCCCC;
  margin-bottom  : 10px;
  padding-bottom : 5px;
}
.contents .right div h5 {
  font-size: 14px;
}
.contents .right div p {
  float      : left;
  margin-top : 6px;
}
.contents .right div p.strong {
  color       : #000000;
  font-weight : bold;
  margin-top  : 13px;
}
.contents .right div ul {
  margin-bottom: 15px;
  margin-left: 19px;
}

.contents .right div .l,
.contents .right div .r {
  border    : none;
  font-size : 14px;
  width     : 45%;
}
.contents .right div .l h3,
.contents .right div .r h3 {
  color: #000;
}
.contents .right div a.mail {
  color: #f7931d;
}
.contents .right div .r h5 {
  font-weight: normal;
}
.contents .right .box {
  border       : none;
  float        : left;
  padding-left : 0;
  width        : 100%;
}
.contents .right .box h3 {
  margin-bottom: 8px;
}
.contents .right .box .send_us {
  /*padding-right : 15px;*/
  /**width        : 93.3%;*/
}


/*.contents.sign_up h3 {*/
.contents.registration h3 {
  color: #000000;
}
.contents.registration .right .steps-content {
  border       : medium none !important;
  padding-top  : 0 !important;
  padding-left : 0 !important;
}
.contents.registration .right .steps-content > div {
  width: 97% !important;
}

.contents.registration .right .box h3 {
  padding-left: 0;
}
.contents.registration .right .box {
  padding-left: 0 !important;
}
.contents.registration .right .box.form {
  padding-left: 20px !important;
}
/*.contents.registration .right .box.form > div {*/
/*  padding-left: 0 !important;*/
/*}*/
/*.contents.sign_up .right .box.choose {*/
.contents.registration .right .box.choose {
  border                : 1px solid #f0f0f0;
  border-radius         : 6px;
  display               : table;
  margin-bottom         : 6px;
  padding               : 0;
  width                 : 100%;
  -moz-border-radius    : 6px;
  -o-box-radius         : 6px;
  -webkit-border-radius : 6px;
}
/*.contents.sign_up .right .box.choose:hover {*/
.contents.registration .right .box.choose:hover {
  background-color : #d5eafa;
  border           : 1px solid #407ba7;
  cursor           : pointer;
}
/*.contents.sign_up .right .box.choose div {*/
.contents.registration .right .box.choose div {
  border: none;
}
/*.contents.sign_up .right .box .icon {*/
.contents.registration .right .box .icon {
  height         : 80px;
  padding-top    : 13px;
  padding-bottom : 0;
}
.contents.registration .right .box.choose .icon {
  width: 107px !important;
}
/*.contents.sign_up .right .box .icon div {*/
.contents.registration .right .box .icon div {
  padding: 0;
}
/*.contents.sign_up .right .box .icon.adv div {*/
.contents.registration .right .box .icon.adv div {
  background : url('../images/icons.png') no-repeat -90px -320px;
  border     : none;
  height     : 73px;
  margin     : 0 auto;
  width      : 68px !important;
}
/*.contents.sign_up .right .box .icon.publisher div {*/
.contents.registration .right .box .icon.publisher div {
  background : url('../images/icons.png') no-repeat 0 -320px;
  border     : none;
  height     : 68px;
  margin     : 0 auto;
  width      : 78px !important;
}
/*.contents.sign_up .right .box .icon.dual div {*/
.contents.registration .right .box .icon.dual div {
  background : url('../images/icons.png') no-repeat -110px -640px;
  height     : 72px;
  margin     : 0 auto;
  width      : 95px !important;
}
/*.contents.sign_up .right .box .content {*/
.contents.registration .right .box .content {
  clear       : right;
  font-size   : 14px;
  padding-top : 10px;
  width       : 435px !important;
}
/*.contents.sign_up .right .box .content a {*/
.contents.registration .right .box .content a {
  color : #f48400;
}


/* ---------------------------------------- */
/* -------->> 12. FORM ERRORs <<<---------- */
/* ---------------------------------------- */
div.error {
  background-color : #fef7f7;
  border           : 1px solid #f9cac9 !important;
  font-size        : 14px !important;
  margin-top       : 15px;
  margin-bottom    : 5px;
  padding-left     : 0 !important;
  width            : 100% !important;
}
div.error .icon {
  border       : medium none !important;
  float        : left;
  height       : 40px !important;
  margin       : 0;
  padding      : 0 !important;
  padding-left : 20px !important;
  width        : 33px !important;
}
div.error .text {
  border   : none !important;
  clear    : right;
  margin   : 0 0 0 10px !important;
  /**margin  : 0 0 0 10px !important;*/
  padding  : 0 !important;
  /*position : absolute;*/
  position: static;
  width    : auto !important;
}
div.error .icon .error {
  background : url('../images/icons.png') no-repeat -90px -420px;
  border     : none !important;
  float      : left;
  height     : 21px;
  margin     : 0;
  padding    : 0;
  width      : 23px !important;
}
div.error strong {
  color : #f04646;
  float : left;
}
div.error p {
  clear     : both;
  color     : #f9afaf;
  float     : left;
  font-size : 11px;
}
input.error,
textarea.error {
  border: 1px solid #f5b4b4;
}


/* ---------------------------------------- */
/* ------------>> 13. FORM <<<------------- */
/* ---------------------------------------- */
dl.form-contact,
/*dl.form-sign_up {*/
dl.form-registration {
  clear      : both;
  display    : table;
  float      : left;
  margin-top : 15px;
  width      : 100%;
}
dl.form-contact dt,
/*dl.form-sign_up dt {*/
dl.form-registration dt {
  color : #666666;
  width : 80px;
}
dl.form-contact dd,
/*dl.form-sign_up dd {*/
dl.form-registration dd {
  width: 84%;
}
dl.form-contact dd input[type=text],
/*dl.form-sign_up dd input[type=text],*/
/*dl.form-sign_up dd input[type=password] {*/
dl.form-registration dd input[type=text],
dl.form-registration dd input[type=password] {
  width: 250px;
}

/*dl.form-sign_up dd.agree {*/
dl.form-registration dd.agree {
  font-family : Arial;
  font-size   : 10px;
}


/* ---------------------------------------- */
/* ----------->> 14. PLUGINS <<<----------- */
/* ---------------------------------------- */
.plugins div > div {
  padding-left: 0 !important;
}
.plugins div > div h4 {
  margin-left: 20px;
}

.plugins p.first {
  margin-bottom: 50px;
}
.plugins div.header_top {
  border-top     : 1px solid #CCCCCC;
  margin-top     : 10px;
  padding-top    : 10px;
  padding-bottom : 10px !important;
	position       : relative;
}
.plugins div.header_top h4.header {
	color:black;
	float:left;
	font-size:12px;
	position:absolute;
	top:32%;
}
.plugins div.header_top span {
  float      : right;
  text-align : center;
  width      : 160px;
}

.plugins a:hover {
  color: #f7921c;
}
.plugins .content_view > div > h3,
.plugins .content_view > div > p.first {
	padding-left: 20px !important;
}

.plugins .content_view > div > div.content p,
.plugins .content_view > div > div.content ul {
	padding-left: 20px !important;
	width: auto;
}

/* ---------------------------------------- */
/* --------->> 15. ERROR 404 <<<----------- */
/* ---------------------------------------- */
.error404 .submit {
  margin-top: 20px !important;
}

/* ---------------------------------------- */
/* ------>>> 16. RETRIEVE PASSWORD <<<----- */
/* ---------------------------------------- */
.retrieve_password p.submit {
  margin-top: 15px !important;
}
.retrieve_password form label {
  margin-right: 5px;
}


/* ---------------------------------------- */
/* ------>>> 17. ACTIVATION EMAIL <<<------ */
/* ---------------------------------------- */
.activation_email p.submit {
  margin-top: 15px !important;
}
.activation_email form label {
  margin-right: 5px;
}


/* ---------------------------------------- */
/* -------->>> 18. CONTENT VIEW <<<-------- */
/* ---------------------------------------- */
.content_view div p.strong {
   color       : #000000;
   font-weight : bold;
   margin-top  : 13px;
 }
.content_view  div p.strong.header {
  margin-bottom: 6px;
}
.content_view div {
  border-top  : 1px solid #CCCCCC;
  float       : left;
  font-size   : 12px;
  padding-top : 10px;
  width       : 100%;
}
.content_view div > div {
  padding-top: 0;
  padding-bottom: 0 !important;
}
.content_view h1 {
  font-size     : 30px;
  margin-bottom : 10px;
}
.content_view div h3 {
  font-size: 18px;
}
.content_view div p {
  float      : left;
  margin-top : 6px;
}
.content_view div ul {
  clear         : both;
  float         : left;
  margin-bottom : 15px;
  margin-left   : 19px;
}
.content_view h1,
.content_view div {
  clear        : both;
  padding-left : 20px;
}


/* ---------------------------------------- */
/* --------->>> 19. ERROR 500 <<<---------- */
/* ---------------------------------------- */
.error500 {
  margin     : 30px 30px;
  text-align : center;
}