/*
	Theme Name: am_clean
	Theme URI: www.albumedia.com
	Description: Clean look with albumedia colours
	Version: 3.0.4
	Author: AlbuMedia
	Author URI: http://albumedia.com
*/

@import "/css/960.css";
@import "/css/text.css";
@import "/css/reset.css";




article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }



b, strong { font-weight: bold; }


ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }



img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }



/* General styles */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

body
{
    /*color: #666;
    font-family:verdana,sans-serif;
    font-size: 62.5%;
    margin: 0;
	line-height:2em;*/
	/*background: url('/images/bk-gradient.png') repeat-x;*/
	
		color: #373737;
		font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 300;
		line-height: 1.625;
		margin-top: 0px;
		padding-top:0px;

}

img{border:none;}

b, strong { font-weight: bold; }

/*fonts*/
h1,
h2,
h3
{
  font-weight: bold;
  color: #333;
  line-height: 36px;
  margin-top:0px;
}

h1 {
  margin-bottom: 18px;
  font-size: 36px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 18px;
}



/*--header--*/
#global-header
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 40px;
	background: whiteSmoke;
	border-bottom: 1px solid #E5E5E5;
	position: fixed;
	
	
	
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
	box-shadow: 0 0 2px rgba(0,0,0,0.1);

}

#breadcrumbs
{
	height: 30px;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 25px;
}



.logo
{
	width: 500px;
	float: left;
	margin-top: 11px;
	margin-left: 2px;
}

.nav
{
	width: 350px;
	text-align: right;
	float: right;
	color: #FFF;
}

.nav a
{
	color: #333;
	font-size: 15px;
}

.nav a
{
	color: #333;
	font-size: 15px;
}

.nav a:hover
{
	color: #999;
	text-decoration: underline;
}


.nav ul
{
	padding: 0px;
	margin:7px 0px 0px 0px;
}

.nav li
{
	list-style: none;
	display: inline;
	margin-left: 20px;
}

#container, #header-container
{
	width: 940px;
	margin:0 auto;
}

#container
{
	padding-top: 60px;
	margin-bottom: 80px;
}


p, ul

{
    margin: 0 0 1.5em;
    color: #383843;
}

a
{
    text-decoration: none;
    color: #017ACB;
}

a:hover

{
    text-decoration: underline;
}

.left

{
    float: left !important;
    display: inline;
}

.right
{
    float: right !important;
    display: inline;
}

.aligncenter, div.aligncenter
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft
{
    float: left;
}

.alignright
{

    float: right;

}



.clr

{

    clear: both;

}

.clear

{

    clear: both;

}


.wrapper

{
    width: 100%;

    margin: 0 auto;
}

.marginleft

{

    margin-left: 18px !important;

}

.marginright

{

    margin-right: 18px !important;

}

.margintop

{

    margin-top: 18px !important;

}

.marginbottom

{

    margin-bottom: 18px !important;

}

.nomargin

{

    margin: 0 !important;

}








.boxedin

{

    color: #2C2C35;

    font-weight: normal;

    background-color: #F5F5F5;

    border: 1px #C6C6CD solid;

    border-width: 1px 0 1px 0;

    padding: 3px 0 3px 8px;

}


/*sidebar*/

#sidebar
{
display: none;

}

#sidebar ul,#sidebar p
{
    list-style-type: none;
	margin-bottom:20px;
}


/*Position */
.left {
	float: left;
	display: inline;
}
.right {
	float: right;
	display: inline;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.clr {
	clear: both;
}
.clear {
	clear: both;
}

/*TABLE
----------------------------------------------------------*/
.plan {
	border-left-style: none;
	background-color: white;
	width: 100%;
	padding: 10px;
}
.planheader {
	font-weight: bold;
	color: white;
	border-left: .75pt solid #01568f;
	border-right-style: none;
	border-top-style: none;
	border-bottom: .75pt solid #01568f;
	background-color: #01568f;
}
.planleft {
	font-weight: normal;
	color: black;
	border-left: .75pt solid #01568f;
	border-right-style: none;
	border-top-style: none;
	border-bottom: .75pt solid #01568f;
	background-color: white;
}
.planheader2 {
	font-weight: bold;
	color: white;
	border-left: .75pt solid #01568f;
	border-right-style: none;
	border-top-style: none;
	border-bottom: .75pt solid #01568f;
	background-color: #01568f;
}
.planeven {
	font-weight: normal;
	color: black;
	border-left: .75pt solid #01568f;
	border-right-style: none;
	border-top-style: none;
	border-bottom: .75pt solid #01568f;
	background-color: white;
}


/*Other*/
#company_title {
	background-color: #00162C;
	color: #FFF;
	float: left;
	font-size: 24px;
	line-height: 60px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#content_container {
	border: 5px solid #258;
	color: #666;
	margin: 20px auto 0;
	padding: 0;
	text-align: left;
	width: 950px;
}
#content_left {
	background-color: #FFF;
	float: left;
	margin: 0;
	padding: 15px;
	text-align: left;
	width: 670px;
}
#side_menu {
	background-color: #EFF5FF;
	border-left: 1px solid #CFE2FF;
	float: right;
	margin: 0;
	padding: 15px;
	text-align: left;
	width: 219px;
}
#side_menu ul {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}
#side_menu ul li {
	line-height: 25px;
	margin: 0;
	padding: 0;
}
#top {
	background-color: #00162C;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 960px;
}
#top_container {
	background-color: #00162c;
	border-bottom: 3px solid #036;
	color: #FFF;
	height: 60px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#top_menu {
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#top_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#top_menu ul li {
	float: left;
	margin: 0;
	padding: 0;
}
#top_menu ul li a, #top_menu ul li a:visited {
	color: #666;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	width: 100px;
}
#top_menu ul li a.down, #top_menu ul li a.down:visited, #top_menu ul li a.down:hover {
	background-color: #FFF;
	border-right: 1px solid #EBEBEB;
	color: #333;
	font-weight: 700;
	width: 99px;
}
#top_menu ul li a:hover {
	background-color: #EBEBEB;
	color: #333;
}
#welcome_box {
	background-color: #00162C;
	float: right;
	line-height: 60px;
	margin: 0;
	padding: 0;
	text-align: right;
}
#welcome_box a, #welcome_box a:visited {
	color: #accbff;
	text-decoration: none;
}
#welcome_box a:hover {
	text-decoration: underline;
}
.absmiddle {
	vertical-align: middle;
}
.breadcrumb {
	/*background-color: #F5F5F5;*/
	padding: 10px;
}
.clear {
	clear: both;
}
.green {
	color: #006F0F;
}
.red {
	color: #BF0000;
}
.small {
	font-size: 11px;
}
.warning {
	background-color: #FFFFDF;
	border: 1px solid #FDFF3F;
	margin: 0 0 10px;
	padding: 10px;
}
.contentbox {
	padding: 10px;
	margin: 0 0 10px;
	text-align: center;
}
.errorbox {
	background-color: #FFBFBF;
	padding: 10px;
	margin: 0 0 10px;
	text-align: center;
	color: #7F0000;
}
.clientareatableactive {
	background-color: #DFFFE0;
}
.clientareatablepending {
	background-color: #EFEFEF;
}
.clientareatablesuspended {
	background-color: #FFF6CF;
}
.clientareatableterminated {
	background-color: #FFCFCF;
}
.clientticketreplyheader {
	background-color: #EBEBEB;
	color: #333;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #EBEBEB;
	border-left: 1px solid #CCC;
}
.clientticketreply {
	background-color: #F5F5F5;
	margin: 0 0 10px;
	padding: 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.adminticketreplyheader {
	background-color: #CFE6FF;
	color: #333;
	border-top: 1px solid #CAE6FF;
	border-right: 1px solid #CAE6FF;
	border-bottom: 1px solid #CAE6FF;
	border-left: 1px solid #CAE6FF;
}
.adminticketreply {
	background-color: #EEF6FF;
	padding: 10px;
	margin: 0 0 10px;
	border-right: 1px solid #CAE6FF;
	border-bottom: 1px solid #CAE6FF;
	border-left: 1px solid #CAE6FF;
}
.networkissueaffected {
	background-color: #EFEFEF;
	padding: 10px;
	margin: 0 0 10px;
}
.textgreen {
	color: #158F00;
}
.textred {
	color: #9F0000;
}
hr {
	background-color: #EBEBEB;
	border: 0;
	border-top: 1px solid #EBEBEB;
	height: 0;
	margin: 10px 0;
	overflow: hidden;
}

p {
	margin: 0;
	padding: 3px 0 20px;
}
table.data {
	margin: 0 0 10px;
	padding: 0;
}
table.data td {
	background-color: #FFF;
	border-bottom: 1px solid #EBEBEB;
}
table.data th {
	background-color: #888;
	border-bottom: 1px solid #333;
	color: #FFF;
	font-weight: 400;
}
table.data tr.clientareatableactive td {
	background-color: #DFFFE0 !important;
}
table.data tr.clientareatablepending td {
	background-color: #EFEFEF !important;
}
table.data tr.clientareatablesuspended td {
	background-color: #FFF6CF !important;
}
table.data tr.clientareatableterminated td {
	background-color: #FFCFCF !important;
}
table.frame {
	margin: 0 0 10px;
	padding: 0;
	border: 1px solid #EBEBEB;
	border-bottom: 0;
}
table.frame table td {
	background-color: #FFF;
	border-bottom: 1px solid #EBEBEB;
}
table.frame table td.fieldarea {
	background-color: #F5F5F5;
	color: #333;
	text-align: right;
	border-right: 1px solid #EBEBEB;
}


/* content area */
.main

{
    width: 680px;
    padding: 0px;
    float: left;
    overflow: hidden;
}

.main a

{
    color: #4F4F5F;
}


/*logo*/
#logo img
{
margin-left:1px;
width:224px;
margin-top:2.0em;
}

#header
{
	border-bottom: 1px #EEE solid;
	height:70px;
}


/*content area*/

iframe {background-color: #eee;}

#content, #main,#header
{
	margin-left: 0px !important;
}


#content ul
{
	list-style-type:disc;
	margin-left:20px;
}

#feature {
	background-color: #eee;
	height:300px;
	margin-bottom:10px;
	
}

/* -- Menu --*/

#menu {
		margin-top:2.0em;
		text-align:right;
		font-size:1.4em;
		}


#menu ul li {
	list-style-type: none;
 	display: inline;
}

#menu a {
  font-weight:bold;
  color:#01568f;
  padding:10px 15px;
  margin-left:15px;
  font-size: 12px;
}

#menu a:last-child
{
padding-right: 0px !important;
}


#menu a:hover {
/*color:#01568f;*/
color: #efefef;
}



.nav ul li.current_page_item > a,
.nav ul li.current-menu-ancestor > a,
.nav ul li.current-menu-item > a,
.nav ul li.current-menu-parent > a {
	color:#999;
	/*text-decoration:underline;*/
}


/* buttons*/

.OrderButton {
   border-top: 1px solid #96d1f8;
   background: #14274d;
   background: -webkit-gradient(linear, left top, left bottom, from(#01568f), to(#14274d));
   background: -moz-linear-gradient(top, #01568f, #14274d);
   padding: 8.5px 17px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 20px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.OrderButton:hover {
   border-top-color: #01568f;
   background: #01568f;
   color: #ccc;
   }
.OrderButton:active {
   border-top-color: #01568f;
   background: #01568f;
   }

.mPrice {
    color: #9F0000;
}


/* footer*/

#footer
{
	border-top: 1px solid #E5E5E5;
	padding-top:5px;
	font-size:12px;
}

#site-info a
{
	color: #999;
	margin-left: 10px;
}