@charset "UTF-8";
/* HTML Tag Redefinition */
html, body {height: 100%;  }
body { background: #fff; text-align: center; padding: 0px; margin: 0px !important; }
img {border: 0px}
a { cursor:pointer}
table tr td{vertical-align:top}
form {margin:0px; padding:0px;}
:focus { outline: 0; }

html > body { margin: 0px !important; }

::selection { background:#fffacc; text-shadow:0 0 0 rgba(255, 255, 255, 0) !important; } 
::-moz-selection { background:#fffacc; text-shadow:0 0 0 rgba(255, 255, 255, 0) !important; } 
::-webkit-selection { background:#fffacc; text-shadow:0 0 0 rgba(255, 255, 255, 0) !important; } 

label { font-weight:bold; display:block; padding-top: 10px; }
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#pageWrap { width:auto; width:100%; border-left:1px solid #000; border-right:1px solid #2a2a2a; margin:auto;  }
#page { width:100%; margin:auto; text-align:left; background:#e6eef2; }

/*
body.page_type_right_sidebar #pageWrap, 
body.page_type_left_sidebar #pageWrap, 
body.page_type_journal_entry #pageWrap, 
body.page_type_blog  #pageWrap{  }
*/ 

#page #headerSpacer{ height:0px; font-size:1px; line-height:1px }
#page #header{ position:relative; background:#aac9de url(http://inneroptics.net/themes/concrete5packages/images/header_bg.jpg) no-repeat bottom center; height:213px; text-align:center; } 
#page #header #logo{
	margin:auto; display:block; text-align:center; height:80px; width:450px; padding-bottom:16px; top:55px; left:50%; 
	margin-left:-250px; position:absolute; overflow:hidden; text-indent:-999px; font-size:11px; 
}
#page #header #byInnerOptics{
	margin:auto; display:block; text-align:center; height:18px; width:165px; padding-bottom:16px; bottom:20px; left:50%; 
	margin-left:280px; position:absolute; overflow:hidden; text-indent:-999px; font-size:11px; 
}

#page #header a:hover { color: #333; text-decoration:none; } 

#page ul.nav-header { list-style:none; margin:0; padding:0; width:864px; z-index:2; margin:auto; }
#page ul.nav-header li{ float:left; padding:14px 20px; margin: 0; color:#999; font-size:11px;  } 
#page ul.nav-header li a { background:url(http://inneroptics.net/themes/concrete5packages/images/divider_bar_sprites.png) no-repeat 0 0; display:block; text-indent:-999px; width:138px; height:34px; overflow:hidden; } 

#page #headerNav_packages { background-position:0 0; } 
#page #headerNav_packages.selected, 
#page #headerNav_packages:hover { background-position:0 -35px; } 
#page #headerNav_custom { background-position:-138px 0; width:190px; } 
#page #headerNav_custom.selected, 
#page #headerNav_custom:hover { background-position:-138px -35px; } 
#page #headerNav_about { background-position:-328px 0; width:106px; } 
#page #headerNav_about.selected, 
#page #headerNav_about:hover { background-position:-328px -35px; } 
#page #headerNav_blog { background-position:-434px 0; width:91px; } 
#page #headerNav_blog.selected, 
#page #headerNav_blog:hover { background-position:-434px -35px; } 
#page #headerNav_contact { background-position:-525px 0; width:137px; } 
#page #headerNav_contact.selected, 
#page #headerNav_contact:hover { background-position:-525px -35px; }   

#page #headerNav, 
#page #sectionPaging{ background:#abbec8 url(http://inneroptics.net/themes/concrete5packages/images/divider_bar_bg.png) repeat-x top center; height:63px; 
	position:relative; z-index:10; top:0; left:0; 
}

#page #headerNav { 
	-moz-box-shadow: 0 5px 10px 0 #a8bbc6;
	-webkit-box-shadow: 0 5px 10px 0 #a8bbc6;
	box-shadow: 0 5px 10px 0 #a8bbc6;  
}

#page #sectionPaging { 
	-moz-box-shadow: 0 5px 10px 0 #8d9da6;
	-webkit-box-shadow: 0 5px 10px 0 #8d9da6;
	box-shadow: 0 5px 10px 0 #8d9da6;  
}

.sidebarPackageName { margin-bottom:4px; font-size:12px; }

/* Section Paging */
#page #sectionPaging { padding:0px !important; } 
#page #sectionPaging a { text-indent:-999px; font-size:10px; background: url(http://inneroptics.net/themes/concrete5packages/images/divider_bar_sprites.png) no-repeat -842px 0; display:block; overflow:hidden; } 
#page #sectionPaging table.tonyNextPreviousWrap { width:892px; margin:auto; border-spacing:0; }  
#page #sectionPaging table.tonyNextPreviousWrap td { padding-top:4px; } 
#page #sectionPaging .tonyNextPrevious_previousLink, #page #sectionPaging .tonyNextPrevious_nextLink { text-align:center; cursor:pointer; height:55px; }
#page #sectionPaging table.tonyNextPreviousWrap .tonyNextPrevious_previousLink { width:20%;  background-position:-780px 0; text-align:left;  }
#page #sectionPaging table.tonyNextPreviousWrap .tonyNextPrevious_previousLink a { background-position:-695px 0; width:29px;  height:55px; } 
#page #sectionPaging table.tonyNextPreviousWrap .tonyNextPrevious_previousLink a:hover { background-position:-665px 0; } 
#page #sectionPaging table.tonyNextPreviousWrap .tonyNextPrevious_nextLink { float:none; width:20%;  }
#page #sectionPaging table.tonyNextPreviousWrap .tonyNextPrevious_nextLink a { background-position:-757px 0;  width:29px; height:55px; float:right; } 
#page #sectionPaging table.tonyNextPreviousWrap .tonyNextPrevious_nextLink a:hover { background-position:-726px 0; } 

#page #sectionPaging table.tonyNextPreviousWrap .centerCell { text-align:center;  } 
#page #sectionPaging table.tonyNextPreviousWrap #footerLogo { height:48px; width:52px; margin:auto; display:block; margin-top:4px; }
#page #sectionPaging table.tonyNextPreviousWrap #footerLogo:hover { background-position:-789px 0; } 




#page #central { clear:both; width:900px; border-left:1px solid #cdd4d8; border-right:1px solid #fff; margin:auto; 

}
#page #centralInner { border-left:1px solid #fff; border-right:1px solid #cdd4d8;  padding:32px 0; }

#page .no-sidebar { background-image: none  }
#page #central.central-left { background:url(http://inneroptics.net/themes/concrete5packages/images/nav_sidebar_left_bg.gif) repeat-y center !important; }
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {padding-left: 72px !important; padding-right: 0px !important; float:right}
 
#page #central #body { float:left; width:68%; overflow:hidden;  padding-right: 0px !important; padding-bottom:0; padding-left:20px; padding-top:0;  }
#page #central #body p { }
#page #central #body #page_icon { float:right; margin:8px 0px 6px 16px; margin-right:2px; }

.addon-image img {
	border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -moz-box-shadow: 1px 2px 2px 2px #a8bbc6, -2px -2px 1px 2px #fff;
	-webkit-box-shadow: 1px 2px 2px 2px #a8bbc6, -2px -2px 1px 2px #fff; box-shadow: 1px 2px 2px 2px #a8bbc6, -2px -2px 1px 2px #fff;
}

#page #central #body #topMsg { padding:4px 6px; border:1px solid #5E6F78; background:#ABBEC7; margin:8px 0 20px 0; }

#page .no-sidebar #body { float: none !important; width: auto !important; overflow:hidden; margin:24px; margin-bottom:8px;  }
#page #central #sidebar { float:right; width:222px; overflow:hidden; margin-top:54px; padding-right:20px; padding-left:0 !important; border-left:1px solid #cdd4d8;  }
#page #central #sidebarInner { border-left:1px solid #fff; padding-left:16px; padding-bottom:1px; margin-bottom:1px; } 
#page #central #sidebar p{ margin-top:0px; padding-top:0px }
#page #central #sidebar ul.nav { list-style:none; padding:0px; padding-left:12px; font-size:12px; line-height:16px; margin:8px 0 32px 0; }
#page #central #sidebar ul.nav li{ margin-bottom:8px; }
#page #central #sidebar ul.nav ul a{ text-decoration:none; color:#777 }
#page #central #sidebar ul.nav a.nav-selected {font-weight: bold}
#page #central #sidebar ul.nav a:hover{ text-decoration:underline }
#page #central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top: 8px; }
#page #central #sidebar ul.nav ul li{ margin-bottom:8px; font-size:11px; line-height:13px; }
#page #sidebar .sidebarHeader { color:#427682; font-size: 18px; line-height:21px; margin-top:0; margin-bottom:0px; padding-bottom:8px }

#page #central #sidebar .ccm-page-list h3 {  font-size:12px; line-height:14px; }

#page #central #sidebar .rssSummaryListTitle { font-weight:bold; font-size:14px; }
#page #central #sidebar .rssItem { margin-bottom:10px; } 

#page #central.navLeft{ background:url(http://inneroptics.net/themes/concrete5packages/images/nav_sidebar_left_bg.gif) repeat-y center; }
#page #central.navLeft  #sidebar{float:left}
#page #central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#page #central.noSideNav{ background: none; }
#page #central.noSideNav  #sidebar{ display:none } 
#page #central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

#page #central #sidebar .rssFeedBox { margin-top:16px; padding:2px 4px; font-size:13px; line-height:16px; position:relative; width:auto; height:18px; } 
#page #central #sidebar .rssFeedBox .rssIcon { position:absolute; display:block; right:4px; top:2px; }
.rssFeedBox, .tonyRssLink { background: #dae1e5; border: 1px solid #c2c8cc; padding: 2px; margin-bottom:16px; }

/* FOOTER */

#page #footer { 
	clear:both; color:#444; font-size:12px;  position:relative; background:#abbec7; padding-top:1px; padding-bottom:1px; 
	text-align:left; border-top:1px solid #5e6f78; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3d1d9', endColorstr='#abbec7'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#c3d1d9), to(#abbec7)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #c3d1d9,  #abbec7); /* for firefox 3.6+ */ 	
}
#page #footer #fatFooter { margin:auto; width:900px; background:url(http://inneroptics.net/themes/concrete5packages/images/fat_footer_vertical_divider.png) repeat-y left;  }
#page #footer #fatFooterInner { background:url(http://inneroptics.net/themes/concrete5packages/images/fat_footer_vertical_divider.png) repeat-y right; padding-top:24px; } 
#page #footer #fatFooter table{ width:100%;  }
#page #footer #fatFooter table td { width:33%; background:url(http://inneroptics.net/themes/concrete5packages/images/fat_footer_vertical_divider.png) repeat-y right; text-align:left; padding:0 20px; }

#page #footer #fatFooter table td h3 { font-weight:normal; color:#444; padding-top:0px; margin-top:0px; font-size:20px; line-height:24px; letter-spacing:1px; margin-bottom:8px; padding-bottom:0; text-shadow:0 0 0 transparent, 1px 1px 1px rgba(255, 255, 255, .4), -1px -1px 1px rgba(1, 1, 1, 0.1); font-family:Garamond, "Times New Roman", Times, serif }
#page #footer #fatFooter table td a h3, #page #footer #fatFooter table td a:link h3 { text-decoration:none; }
#page #footer #fatFooter table td a:hover h3 { text-decoration:underline; }
#page #footer #fatFooter table td#anotherCollectionBox h3 {  }
#page #footer #fatFooter table td#subscribeBox{ background:none}
#page #footer #fatFooter .viewAll { color:#6C839C; font-size:11px; } 
#page #footer #fatFooter table td ul{ font-weight:normal; font-size:12px; line-height:14px; letter-spacing:0px; list-style:none; padding-left:0px; margin-top:4px; margin-left:0px; }
#page #footer #fatFooter table td ul li{ margin-bottom:4px; padding-left:0px; margin-left:0px; }
#page #footer #fatFooter table td ul a,
#page #footer #fatFooter table td ul a:link 
#page #footer #fatFooter table td ul a:visited{text-decoration:none;  }
#page #footer #fatFooter table td ul a:hover{text-decoration:underline; }
#page #footer #fatFooter li.nav-selected a { font-weight:bold; }
#page #footer #fatFooter #c5packagesHead { line-height:18px; margin-bottom:8px; } 

#page #footer #fatFooter #social_icons { margin:16px 0; }
#page #footer #fatFooter #social_icons a { display:inline; padding-right:8px; }
#page #footer #fatFooter #social_icons img {
  -moz-box-shadow:    1px 1px 2px 1px #d3dfe7;
  -webkit-box-shadow: 1px 1px 2px 1px #d3dfe7;
  box-shadow:         1px 1px 2px 1px #d3dfe7;
}

#page #footer #fatFooter .rssIcon { float:right; padding-top:4px; padding-right:4px; }
#page #footer #fatFooter .rssItem { font-size:12px; line-height:16px; margin-bottom:8px; }
#page #footer #fatFooter .rssItemDate { font-size:10px; color:#444; }
#page #footer #fatFooter #followOnTwitter { font-size:12px; line-height:14px; }

#page #footer #fatFooter .ccm-jereme-tweetcrete-timeline li { margin-bottom:10px; }
#page #footer #fatFooter .ccm-jereme-tweet-time { font-size:10px; color:#777; }

 
/* Search Box */
#page #footer #fatFooter #searchBox { margin-bottom:16px;  }
#page #footer #fatFooter .mailing-list-email-wrap input,
#page #footer #fatFooter #searchBox .txtField { 
	border: 1px solid #8f9ea6; margin-right:4px; padding: 4px; width: 150px; color:#444;
	-moz-box-shadow:    1px 1px 2px 1px #dae7f0, -1px -1px 2px 1px #a8bbc6;
	-webkit-box-shadow: 1px 1px 2px 1px #dae7f0;
	box-shadow:         1px 1px 2px 1px #dae7f0, -1px -1px 2px 1px #a8bbc6;
	background: #e4ecf1 !important;  
}
#page #footer #fatFooter #searchBox input[type="submit"] { margin:0 !important; }
.ccm-search-block-form h3 { display:none; }
.ccm-search-block-form  #mainSearchField , 
.ccm-search-block-form  input[type="submit"] { font-size:15px; line-height:18px; padding:4px 8px; }

/* Mailing List Box */

#page #footer #fatFooter .mailing-list-email-wrap { margin-bottom:0px; padding-bottom:4px; }
#page #footer #fatFooter .MailingListSubscribe .mailing-list-checkboxes { padding-bottom:4px; } 
#page #footer #fatFooter #mailingListSubscriptionsWrap { margin-bottom:16px; }
#page #footer #fatFooter .MailingListSubscribe { font-size:12px; line-height:14px; }
#page #footer #fatFooter .MailingListSubscribe .mailing-list-email-wrap { margin-top:6px; }
#page #footer #fatFooter .MailingListSubscribe .mailing-list-signup-text { margin-bottom:4px;  }
#page #footer #fatFooter .MailingListSubscribe .mailing-list-group label { line-height:13px; display:inline; font-weight:normal; float:none; width:auto;  }

#page #footer #fineprint { margin:auto; padding:24px 16px 8px 16px; color:#666; font-size:10px; line-height:14px; }
#page #footer #fineprint a { text-decoration:none }
#page #footer #fineprint span.sign-in {margin-left: 20px}
#page #footer #fineprint span.powered-by { float:right; }

/* Packages List */
.addons-list .addon-item{ margin-bottom:32px;}
.addons-list .addon-item .addon-image { float:left; width:110px; } 
.addons-list .addon-item .price { color:#555; padding-top:15px; padding-left:4px; font-size:12px; line-height:14px; font-weight:normal; }


/* Blog */
#blog_page_list_wrap .blog_entry { padding-bottom:0px; margin-bottom:24px; }
#blog_page_list_wrap .blog_entry .blog_entry_title { margin-bottom:2px; padding-bottom:0px; } 
#blog_page_list_wrap .blog_entry .blog_entry_details { font-size:11px; } 
#blog_page_list_wrap .blog_entry .blog_entry_description { margin-bottom:8px; }

body.page_type_journal_entry h1 { margin-bottom:0px !important; } 
body.page_type_journal_entry #page #central #sidebar { margin-top:8px; } 

body.page_type_journal_entry  .blog_entry_details { font-size:12px; line-height:14px; margin-bottom:32px; } 
#body .blog_entry_date, 
#blog_page_list_wrap .blog_entry .blog_entry_date { margin-bottom:4px; padding-bottom:0px; color:#999; display:inline; } 
#body .blog_entry_comments, 
#blog_page_list_wrap .blog_entry .blog_entry_comments { margin-left:4px;  display:inline; background:url(http://inneroptics.net/themes/concrete5packages/images/comment-icon.png) no-repeat center left; padding-left:20px; }


/* Page Elements */
.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

.fieldPair { padding-bottom:16px }
.fieldPair label { color:#6C839C; display:block; padding-bottom:4px; padding-top:0px; font-weight:normal }
.fieldPair input.txtField, #page .fieldPair .ccm-input-text { background:#1a1a1a; border:1px solid #444; color:#ccc; padding:3px; }

h4.guestBook-title { border-bottom: 1px solid #555 !important; } 

/* Concrete5 Edit Bar */
div#ccm-page-controls { height:20px !important; }
div#ccm-page-detail { top:32px !important; }
ul#ccm-system-nav li a, 
ul#ccm-system-nav li span, 
ul#ccm-main-nav li a, 
ul#ccm-main-nav li span, 
ul#ccm-main-nav li.ccm-nav-rolloversOff:hover a, 
ul#ccm-main-nav li.ccm-nav-rolloversOff:hover li span { background:none !important; padding-top:4px !important; }
div#ccm-logo-wrapper img { width:20px; height:20px; }
div#ccm-logo-wrapper { height:20px !important; }
ul#ccm-system-nav { height:20px !important; } 
div#ccm-page-controls ul#ccm-main-nav { padding-left:20px !important; }


/* MISC STYLES & SHORTCUTS */ 
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }

a.download_button_link,form.download_button_link { display:block; margin:auto; width:200px; }
form.download_button_link { padding-top:1px; }

input.download_button { 
	background: #e4ecf1; width:200px !important; height:49px !important; display:block; margin:auto !important; font-size:18px !important; line-height:21px !important; color:#fff; 
	cursor:pointer; margin:16px auto; text-transform:capitalize; border:2px solid #a1b2bb; border-color:#1498cc #1285b3 #0d5f80 #1285b3; font-weight:bold;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cb1d9', endColorstr='#2E7B99'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#4cb1d9), to(#2E7B99)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #4cb1d9,  #2E7B99); /* for firefox 3.6+ */ 
	-moz-box-shadow:    2px 2px 2px 2px #a8bbc6, -2px -2px 2px 1px #fff;
	-webkit-box-shadow: 2px 2px 2px 2px #a8bbc6, -2px -2px 2px 1px #fff;
	box-shadow:         2px 2px 2px 2px #a8bbc6, -2px -2px 2px 1px #fff; 
}
input[type=submit]:hover, 
input.download_button:hover {  
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17c3e5', endColorstr='#088ca6'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#17c3e5), to(#088ca6));  
	background: -moz-linear-gradient(top,  #17c3e5,  #088ca6);  
	border-color:#1498cc #1285b3 #0d5f80 #1285b3; 
}

input[type=submit] { 
	width:auto; font-size:12px; line-height:16px; 
	background: #e4ecf1; color:#fff; 
	cursor:pointer; margin:16px auto; text-transform:capitalize; border:2px solid #a1b2bb; border-color:#1498cc #1285b3 #0d5f80 #1285b3; font-weight:bold;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cb1d9', endColorstr='#2E7B99'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#4cb1d9), to(#2E7B99)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #4cb1d9,  #2E7B99); /* for firefox 3.6+ */ 
	-moz-box-shadow:    2px 2px 2px 2px #a8bbc6, -2px -2px 2px 1px #cfdde5;
	-webkit-box-shadow: 2px 2px 2px 2px #a8bbc6, -2px -2px 2px 1px #cfdde5;
	box-shadow:         2px 2px 2px 2px #a8bbc6, -2px -2px 2px 1px #cfdde5; 
}

.content input[type=submit] { 
	-moz-box-shadow:    2px 2px 2px 2px #a8bbc6, -2px -2px 2px 1px #fff;
	-webkit-box-shadow: 2px 2px 2px 2px #a8bbc6, -2px -2px 2px 1px #fff;
	box-shadow:         2px 2px 2px 2px #a8bbc6, -2px -2px 2px 1px #fff; 
}

.formBlockSurveyTable input[type=submit] { font-size:16px; line-height:20px; padding:4px 16px; }

.faint { color:#666 }

.divider{ background:url(http://inneroptics.net/themes/concrete5packages/images/divider_horizontal.png) repeat-x top; height:2px; width:auto; clear:both; margin:8px; }