/*
Theme Name: Core Theme
Theme URI: http://prontomarketing.com
Description: Core Theme, every theme variation built on top of this core theme
Version: 1.0
Author: Niwat Rittisakdanon
*/


/* General */
*{
  margin: 0;
  padding: 0;
}

body, textarea, input, select {font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 12px; letter-spacing: normal;}
p{margin:0 0 1em 0;}
img{border:0;}
a{outline:0;}
fieldset{border:0;}

h1{ font-size: 16px;}
h2{font-size: 15px;}
h3{font-size: 14px;}
h4{font-size: 13px;}
h5{font-size: 12px;}
h6{font-size: 11px;}

pre {
    overflow: auto;
    width: auto;
    background-color: #f0f6fa;
    border: 1px solid #CCCCCC;
    border-width: 1px 0;
	margin:2em 0;
    padding: 1em;
}

hr{background-color:#d4d4d4;margin:1em 0;height:1px;border:0;}

ul{margin:0;list-style-type:none;}

.main-image{float:right;margin:0 0 1em 1em;}

img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}

.alignright {float: right;}
.alignleft {float: left}
.clear{clear: both;}

.hidden{
  display:none;
}

.txtleft{text-align:left;}
.txtcenter{text-align:center;}
.txtright{text-align:right;}

#contentWrapper{padding:0 0 2em 0;min-height:424px;}

#content{padding:0;background-color:#eee;line-height:19px;}
#content h1{line-height:1.1em;font-weight:normal;}
#content ul{margin:1em 1em 1.5em 1.5em;list-style-type:disc;}
#content ol{margin:1em 1em 1.5em 2.5em;}
#content ol ol{list-style-type:lower-alpha}
#content ul li, #content ol li{margin: 0 0 0.5em 0;}
#content ul ul{margin:1em;}
#content ul ul ul{margin:1em 2em;}
#content ul ul ul ul{margin:1em 3em;}
#content ul ul ul ul ul{margin:1em 4em;}

body #content .cform textarea {font-size:1em;}

.level1 h1{margin:0 0 1em 0;}
blockquote div.fullwidth div.text {padding-left:0;width:559px;}
blockquote div.fullwidth div.text h2, blockquote div.fullwidth div.text h3 {width:520px;margin:0 auto}
blockquote div.fullwidth div.text p{width:520px;margin:0 auto;}

.content .cform {width:550px;margin:0;clear:both;margin:1em 0;padding:25px;overflow:hidden;}
.content .cform ol.cf-ol,  .content .cform label, .content .cform select, .content .cform .emailreqtxt, .content .cform p.cf-sb{width:415px;}
.content .cform ol.cf-ol {margin:0 auto;position:relative;}
.content .cform ol.cf-ol li{text-align:left;overflow:hidden;padding:0 0 1em 0;}
*:first-child+html .content .cform ol.cf-ol li{position:relative;}
.content .cform ol.cf-ol li.cf_li_err{margin:0 0 1em 0 !important;padding:0 0 1.8em 0 !important}
.content .cform ol.cf-ol li.cf-box-title{padding:0;}
.content .cform ol.cf-ol li.textonly {background:none !important;}
.content .cform ol.cf-ol label span{display:block;width:350px;margin:0;padding:2px 0 4px 0;border:1px solid transparent;}
.content .cform ol.cf-ol label.cf-before {width:400px;margin:0;float:left;}
.content .cform ol.cf-ol label.cf-group-after, .content .cform ol.cf-ol label.cf-after{width:390px;margin:0 0 0 5px;float:left;}
.content .cform label {margin:0;padding:0;overflow:hidden;text-align:left;}
.content .cform label span{padding:0;text-align:left;float:left;}
.content .cform input, .content .cform textarea, .content .cform select{width:406px;margin:0;border-color:#ccc;} 
.content .cform select{margin:0;border-color:#ccc;}
.content .cform fieldset{width:550px;border:0;clear:both;margin:0;padding:1em 0;background:none;}
.content .cform fieldset legend{display:block;margin:0;padding:0;font-family:inherit;}
*:first-child+html .content .cform fieldset legend {margin:0 0 0 -20px;}

.content .cform .reqtxt, .content .cform .emailreqtxt{display:block;margin:0;padding:0 4px 0 0;text-align:right;color:#ccc;position:absolute;right:0;font-size:9px;}
*:first-child+html .content .cform .reqtxt, *:first-child+html .content .cform .emailreqtxt{bottom:0;}

.content .cform input.cf-box-a{height:22px;margin:0;float:left;padding:0;}
.content .cform input.cf-box-b{height:22px;margin:0;float:left;padding:0;}
.content .cform input.sendbutton {margin:0;border:0 !important;width:110px;height:36px;font-size:1.2em;}
.content .cform p.cf-sb{text-align:left;}

div.cf_info {width:auto !important;}

/* Default email campaign monitor form on content area*/
#content #subForm input{margin:0 0 1em 0}
#content #subForm input[type="submit"]{margin:1em 0 0 0;}

.linklove{display:none;}
div.autoblogfoot {color:#999;font-size:10px;font-style:italic;}

.content .areascovered{padding:1.2em 0;line-height:1.2em;font-size:0.9em;color:#888;border-top:1px solid #d4d4d4;}
.content .areascovered h5{color:#888;font-weight:bold;font-size:0.9em;margin:0.5em 0 1em;padding:0;}
.content .areascovered a{color:#666 !important}

.contactinfo_info h4{margin:0 !important;}
.contactinfo_info br{margin:0;line-height:0.5em}

.style-guide-wrapper{background-color: #ffffff; width: 90%; height: 100%; margin: 2em auto; padding: 2em; min-height: 1000px;} a, a:visited{color:#0000ff;} 
.style-guide-wrapper span.marker{color: #000000;background-color:#00FF66;padding:2px 4px;} 
.style-guide-wrapper table{margin:0 0 1em 0;}
.style-guide-wrapper td{padding:3px;} 
.style-guide-wrapper ol{margin:1em 2em;} 
.style-guide-wrapper ul{list-style-type:disc;margin:1em 2em;padding:0;}


/* Table Styles */

table.fullwidth a img {border:0;vertical-align:text-bottom;}
table.fullwidth {border-collapse:collapse;}
table.fullwidth th.side {
	background: transparent;
}
table.fullwidth td.side {
	text-align:center;
	background: transparent url(img/tables/fullwidth/bg_td_side.gif) repeat-x top left;
	width:206px;
	font:normal 12px/15px arial;
	color:#000000;
}
table.fullwidth td.sidehead {background: transparent;}

table.fullwidth th {
	height:90px;
	border-right:1px solid #fff;
	padding-bottom: 12px;
	vertical-align:bottom;
	color:#fff;
	font:bold 30px/28px arial;
	letter-spacing:0px;
	background:transparent url(img/tables/fullwidth/bg_th.gif) no-repeat bottom left;
	}
table.fullwidth th span {font:normal 14px arial; }
table.fullwidth td {
	text-align:center;
	background:transparent url(img/tables/fullwidth/bg_td.gif) repeat-x top left;
	border-right:1px solid #fff;
	color:#000;
	width:136px;
	height:51px;
	font:normal 12px/18px arial;
}
table.fullwidth td a {color:#031e7a; text-decoration:underline;}
table.fullwidth td a:hover {text-decoration:none;}
table.fullwidth td.on {background:transparent url(img/tables/fullwidth/bg_td_on.gif) repeat-x top left;}
table.fullwidth th.on {
	background:transparent url(img/tables/fullwidth/bg_th_on.gif) no-repeat bottom left;
	padding-bottom:25px;
	width:136px;
}

table.fullwidth tfoot td {
	background:transparent url(img/tables/fullwidth/bg_foot_td.gif) repeat-x top left;
	height:76px;
	vertical-align:top;
	padding-top:12px;
}
table.fullwidth tfoot td.on {
	background:transparent url(img/tables/fullwidth/bg_foot_td_on.gif) no-repeat top left;
	padding-top:23px;
}
table.fullwidth tfoot td.side {
	background: transparent url(img/tables/fullwidth/bg_td_side.gif) repeat-x top left; 
	color: #031E7A; 
	font:bold 12px/14px arial;
	padding-top: 16px;
}

table.withsidebar a img {border:0;vertical-align:text-bottom;}
table.withsidebar {border-collapse:collapse;}
table.withsidebar th.side {
	background: transparent;
}
table.withsidebar td.side {
	text-align:center;
	background: transparent url(img/tables/withsidebar/bg_td_side.gif) repeat-x top left;
	width:146px;
	font:normal 11px/13px arial;
	color:#000000;
}
table.withsidebar td.sidehead {background: transparent;}

table.withsidebar th {
	height:65px;
	border-right:1px solid #fff;
	padding-bottom: 12px;
	vertical-align:bottom;
	color:#fff;
	font:bold 20px/18px arial;
	letter-spacing:0px;
	background:transparent url(img/tables/withsidebar/bg_th.gif) no-repeat bottom left;
	}
table.withsidebar th span {font:normal 12px arial; }
table.withsidebar td {
	text-align:center;
	background:transparent url(img/tables/withsidebar/bg_td.gif) repeat-x top left;
	border-right:1px solid #fff;
	color:#000;
	width:96px;
	height:51px;
	font:normal 12px/18px arial;
}
table.withsidebar td a {color:#031e7a; text-decoration:underline;}
table.withsidebar td a:hover {text-decoration:none;}
table.withsidebar td.on {background:transparent url(img/tables/withsidebar/bg_td_on.gif) repeat-x top left;}
table.withsidebar th.on {
	background:transparent url(img/tables/withsidebar/bg_th_on.gif) no-repeat bottom left;
	padding-bottom:20px;
	width:96px;
}

table.withsidebar tfoot td {
	background:transparent url(img/tables/withsidebar/bg_foot_td.gif) repeat-x top left;
	height:76px;
	vertical-align:top;
	padding-top:15px;
}
table.withsidebar tfoot td.on {
	background:transparent url(img/tables/withsidebar/bg_foot_td_on.gif) no-repeat top left;
	padding-top:23px;
}
table.withsidebar tfoot td.side {
	background: transparent url(img/tables/withsidebar/bg_td_side.gif) repeat-x top left; 
	color: #031E7A; 
	font:bold 12px/14px arial;
	padding-top: 16px;
}

/* Office 365 Table */
table#office365_plan{border-collapse:collapse;margin-bottom:20px;}
table#office365_plan th.title{background:none;border-bottom:none;}
table#office365_plan th.title span{font-size:22px;font-family:Arial;position:relative;top:15px;}
table#office365_plan th.title_on{background:url(img/tables/office365/bg_title_on.png) no-repeat scroll left bottom transparent;border-bottom:2px solid #FC9934;height:40px;}
table#office365_plan th{background:url(img/tables/office365/bg_title.png) no-repeat scroll left bottom transparent;border-bottom:2px solid #FC9934;height:40px;}
table#office365_plan th.sub_title{background:url(img/tables/office365/bg_sub_title.png) no-repeat scroll left 20px transparent;}
table#office365_plan th.sub_title span{color:#333;position:relative;top:11px;left:10px;}
table#office365_plan th span.text_small{font-size:8px;color:#cccccc;}
table#office365_plan th span.text_small_on{font-size:8px;color:#717171;}
table#office365_plan tr td.side{border-right:1px solid #707070;border-left:1px solid #707070;padding:2px 10px;}
table#office365_plan tr td{border-bottom:1px solid #707070;border-right:1px solid #707070;}

/* hiding search bar title */
form#searchform label[for="s"] {
    display: none;
}
/****************************/

/* styling warning icon */
.content .cform ol.cf-ol ul.cf_li_text_err li {
    padding: 0 0 0 15px;
}
/************************/

/* checklist for techtip on landingpage*/
.landingpage #content ol{margin-left:0px;}
.landingpage #content ol.redcheck li{background: url(img/bg_checklist_red.png) no-repeat scroll 0 0 transparent;list-style: none outside none; margin: 0 0 1.5em; min-height:35px;padding-left: 35px;}
.landingpage #content ol.greencheck li{background: url(img/bg_checklist_green.png) no-repeat scroll 0 0 transparent;list-style: none outside none; margin: 0 0 1.5em; min-height:35px;padding-left: 35px;}
.landingpage #content ol.xbox li{background: url(img/bg_checkbox_x.png) no-repeat scroll 0 5px transparent;list-style: none outside none; margin: 0 0 1.5em; min-height:35px;padding-left: 35px;}