@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro|Exo:400,700);

/*
  This file is part of Worx CMS.

  Copyright (c) 2012 Greener Ads Pty Ltd, THEWIZARDSTUDIO
  All rights reserved. The contents of this file are subject to the terms of
  the Worx CMS License v1.0 which accompanies this distribution.
*/

body {
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #555;
    background: #dddddd url('/files/images/bg.jpg') no-repeat fixed center;
}

#wrapper{
    width: 960px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

img{
    border: 0;
}

ul, li, p, h1, h2, h3, h4, h5{
    margin: 0;
    padding: 0;
    font-family: 'Exo', sans-serif;
}

a{
    font-family: 'Exo', sans-serif;
}

a:link {
    color: #555;
    text-decoration: none;
}

a:visited {
    color: #555;
    text-decoration: none;
}

a:hover, a:active, a:focus {
    text-decoration: underline;
}

.center{
    text-align: center;
}

table{
    display: table;
}

.row-container{
    float: left;
    width: 100%;
    text-align: center;
}

.module-1 {
    float: left;
    text-align: left;   
}

.module-2{
    display: inline-block;
    text-align: left;
}

.module-3 {
    float: right;
    text-align: left;
}

.watermark {
    color: #999 !important;
}

input:-moz-placeholder {
    color: #999 !important;;
}

textarea:-moz-placeholder {
    color: #999 !important;;
}

.error-message{
    float: left;
    margin-top: 50px;
}

.message{
    float: left;
    width: 100%; 
    height: 40px;
    background-color: #CBF595;
    text-align: center;
    border-top: 1px solid #ccc;
    font-family: 'Exo', sans-serif;
    position: relative;
}

.message.error{
    background-color: #FF7E7E;
}

.message .msg-text{
    float: left;
    line-height: 40px;
    width: 100%;
}

.message .msg-close{
    position: absolute;
    width: 15px;
    right: 15px;
    top: 12px;
    cursor: pointer;
}

.module-content{
    float: left;
    width: 100%;
    text-align: center;
}

/******* button *******/
button{
    width: 90px;
    margin: 10px;
    height: 35px;
    line-height: 35px;
    border: 0px;
    background-color: #e84427;
    cursor: pointer;
    color: #fff;
    font-family: 'Exo', sans-serif;
	font-size: 1em;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

button:hover{
    -moz-box-shadow: 0px 0px 10px 0px #ccc;
    -webkit-box-shadow: 0px 0px 10px 0px #ccc;
    -khtml-box-shadow: 0px 0px 10px 0px #ccc;
    box-shadow:  0px 0px 10px 0px #ccc;
}

button:active{
    -moz-box-shadow: inset 0px 5px 10px 0px #666;
    -webkit-box-shadow: inset 0px 5px 10px 0px #666;
    -khtml-box-shadow: inset 0px 5px 10px 0px #666;
    box-shadow: inset 0px 5px 10px 0px #666;
}

/**** input ****/
input{
    font-family: 'Exo', sans-serif;
    border: 1px solid #ccc;
}

input[type="button"]{
    border: 0px;
    background-color: #A8D200;
    color: #fff;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

input[type="button"]:hover{
    -moz-box-shadow: 0px 0px 10px 0px #e3e3e3;
    -webkit-box-shadow: 0px 0px 10px 0px #e3e3e3;
    -khtml-box-shadow: 0px 0px 10px 0px #e3e3e3;
    box-shadow:  0px 0px 10px 0px #e3e3e3;
}

input[type="button"]:active{
    background-color: #A8D200;

    -moz-box-shadow: inset 0px 5px 10px 0px #666;
    -webkit-box-shadow: inset 0px 5px 10px 0px #666;
    -khtml-box-shadow: inset 0px 5px 10px 0px #666;
    box-shadow: inset 0px 5px 10px 0px #666;
}

textarea{
    font-family: 'Exo', sans-serif;
    border: 1px solid #ccc;
}

/********select *****/
select {
    font-family: 'Exo', sans-serif;
    border: 1px solid #ccc;
    background: url(/images/select-bg.png) no-repeat right;
}

.select-container{
    float: left;
    width: 320px;
    height: 32px;
    margin: 5px;
    margin-left: 0px;
    overflow: hidden;
}

.select-container select {
    width: 340px;
    height: 32px;
    padding: 5px 0px 6px 4px;
    vertical-align: top;
    line-height: normal;
    font-size: 15px;
    -webkit-appearance: none;

    -webkit-border-radius: 0px 6px 6px 0px;
    -moz-border-radius: 0px 6px 6px 0px;
    -khtml-border-radius: 0px 6px 6px 0px;
    border-radius: 0px 6px 6px 0px;
}

/********** label *******/
label{
    background-color: #eeeeee;
    border: 1px solid #ccc;
    color: #7E7E7E;

    -webkit-border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
    -khtml-border-radius: 6px 0px 0px 6px;
    border-radius: 6px 0px 0px 6px;
}

/****** .background *********/
.background{
    border: 1px solid #ccc;
    background-color: #eeeeee;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.form-header{
    padding: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
    background-color: #333333;
    text-shadow: 0px 1px 1px #000;
    font-size: 15px;
	color: #FFFFFF;
}

.background .heading{
    background-color: #fff;
    border: 1px solid #ccc;
}

.background .heading:hover{
    background-color: #f9f9f9;
}

.background .frame{
    background-color: #fff;
    border: 1px solid #f1f1f1;
}

.background .details{
    background-color: #f9f9f9;
    border: 1px solid #ccc;
}

.background hr{
    float: left;
    padding: 0px;
    margin: 0px;
    border: 1px solid #ccc;
    width: 100%;
}

.background .status{
    color: #009444;
}

.background .promo{
    color: #1C85D8;
}

.background .notice{
    color: #009444;
}

.background span{
    float: left;
}

/*********** #header **********/
#header{
    margin-top: 20px;
    float: left;
    width: 960px;
    min-height: 80px;
    overflow: hidden;
    text-align: center;
}



/****** content *******/
#content{
    float: left;
    padding:0px;
    margin: 0;
    width: 100%;
    min-height: 700px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #ccc;
}

#content .module-1{

}

#content .module-2{   
    float: left;
}

#content .module-3{

}

#content .html-content{
    border-top: 1px solid #CCC;
    padding: 30px 10px;
}

#content .module-content{
    border-top: 1px solid #CCC;
    padding: 10px;
}

#page-ads .monitor{
    float: left;
    width: 100%;
    height: 570px;
}

#page-ads .monitor .monitor-wrapper{
    float: left;
    height: 570px;
    overflow: hidden;
    width:100%;
}

#page-ads .page-ads-controller{
    float: left;
    width: 100%;
    text-align: center;
}

#page-ads .tabs .active{
    border: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    box-shadow:none;
}

#page-ads .tabs .tab-thumb{
    float: left;
    margin: 5px;
    margin-bottom: 20px;
    margin-right: 0px;
    width: 80px;
    height: 50px;
    border: 2px solid #eeeeee;
    overflow: hidden;
    cursor: pointer;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

#page-ads .tabs .ads-type{
    display: none;
}

#page-ads .tabs .tab-title{
    float: left;
    width: 120px;
    margin-top: 5px;
    text-align: left;
    padding-left: 5px;
}

#page-ads .tabs .active .tab-thumb{
    border: 2px solid #00B8FF;
}

#page-ads .tabs .active .ads-type{
    display: inline-block;
}

#page-ads .tabs .highligth .tab-thumb{
    border: 2px solid #00B8FF;

    -moz-box-shadow:  0px 0px 15px 0px #ccc;
    -webkit-box-shadow:  0px 0px 15px 0px #ccc;
    -khtml-box-shadow:  0px 0px 15px 0px #ccc;
    box-shadow: 0px 0px 15px 0px #ccc;
}

#page-ads .tabs .highligth .ads-type{
    display: inline-block;
}

#page-ads .tabs .tab-content{
    float: left;
    cursor: pointer;
    margin-right: 10px;
}

#page-ads .tabs .tab-thumb img{
    padding-top: 5px;
}

#page-header{
    float: left;
    width: 940px;
    height: 74px;
    border-bottom: 1px solid #ccc;
    background: url(/images/page-title-bg.png) no-repeat center;
    padding: 0 0 0 20px;
}

#page-header .page-name{
    float: left;
    line-height: 75px;
    font-size: 18px;
    color: #999;
}

#page-header .page-nav{
    float: right;
    margin-top: 32px;
}

#page-header .page-nav a{
    float: left;
    padding: 11px 18px;
    font-size: 16px;
    margin: 0px 10px;
    text-decoration: none;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

#page-header .page-nav a:hover{
    color: #999;
}

#page-header .page-nav .active{
    color: #999;
    background: url(/images/sub-hover.png) no-repeat bottom;
}

#page-header .page-nav .active:hover{

}

#page-breadcrumbs{
    float: left;
    width: 940px;
    padding-left: 20px;
}

#page-breadcrumbs a{
    float: left;
    margin: 15px 0px;
    font-weight: bold;
    color: #999;
}

#page-breadcrumbs a.active{
    color: #774400;
}

#page-breadcrumbs .breadcrumb-separator{
    float: left;
    width: 12px;
    height: 12px;
    margin: 18px 5px;
}

/**************footer************/
#footer{
    float: left;
    min-height: 60px;
    width: 100%;
    padding: 10px 0px;
    background-color: #eeeeee;
    border-top: 1px solid #ccc;
    margin-top: 10px;
}

#footer-wrapper{
    width: 960px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.share{
    float: left;
    text-align: center;
}

.follow{
    float: left;
    text-align: left;
}

.rights{
/*    float: left;*/
    text-align: center;
    font-size: 16px;
    font-family: 'Exo', sans-serif;
}