/* CSS Document */

html {
	height: 100%;
	margin: 0;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 14px;
	/*background-color:#394459;*/
	font-family: Tahoma, sans-serif;
	color: #000;
}

a:link,
a:visited,
a:hover,
a:active {
  outline: none;
}

td {
	font-size: 14px;
}

h1 {
	color: #000;
	font-size: 18px;
}

h2 {
	color: #000;
	font-size: 18px;
}

#maincontainer {
	width: 1152px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	box-shadow: -30px 0 20px #555555, 30px 0 20px #555555;
	background-color: #fff;
}
/*#bg {
	float: left;
	background-image: url(/images/placead/bg.png);
	background-repeat: repeat-y;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	width: 958px;
}*/

.header1 {
	font-family: Tahoma, sans-serif;
	font-size:18px;
	color: #FFF;
	font-weight: bold;
}


.header2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

.header3 {
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 5px;
}

.header4 {
	font-size: 12px;
	font-weight: bold;
    color: #FFF;
	margin-bottom: 5px;
}

span.header1, td {
	color: #090909;
}

.hr1 {
	background: url(<?php echo $this->subDir?>/images/onlineads/BG-light-horizontal-dots.gif) bottom left repeat-x;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.hr2 {
	border-bottom: solid black 1px;
}

.vr1 {
	border-left: 1px dashed #BEBEBE;
	padding-left: 8px;
    margin-left: 5px;
}

#step1heading select {
	float: left;
}

.packages {
	font-size: 22px;
}

.bottomMargin {
	padding-bottom: 10px;
}

form {
	margin-bottom: 5px;
}

#form-submitbuilder {
	margin-top: 20px;
	margin-bottom: 20px;
}

/*#form-submitcategory {
	margin-top: 10px;
	margin-bottom: 20px;
}*/

#adpreview-newtoday-header, #adpreview-header {
	font-size: 10px;
	font-weight: bold;
	padding: 0 3px;
}

#adpreview-newtoday br {
	display: none;
}
#adpreview-newtoday img {
	padding: 0 4px;
	background-color: #fff;
}
#adpreview img, #adpreview-newtoday img {
	margin-top: 3px;
}

.wrap {
	background: #FFFFFF;
	height: 500px;
}

.checkout_text {
	margin-left: 10px;
	margin-right:10px;
	margin-bottom: 10px;
	font-size: 12px;
	color: red;
	border: 1px solid red;
	background-color: #fff;
	padding: 10px;
	padding-bottom: 0;
}


#contentwrapper {
	width:100%;
	margin:0 auto;
	clear:both;
}


#header-main {
    width: 100%;
	margin:0 auto;
	padding:5px 0px 0px 0px;
    border-right: 1px solid #000;
}

#header-main .title {
	font-size: 18px; 
	font-weight: bold; 
	color: #fff;
	width:100%;
}

#contentcolumn {
	font-size: 10px;
	font-family: Tahoma, sans-serif;
	color: #3f3e37;
	padding-bottom: 30px;
	margin-left:15px;
}

#contentcolumn-loading {
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 5px;
}

#rightcolumn {
	float: left;
	width: 24.5%; /*Width of right column*/
	overflow:hidden;
}

#rightcolumn_content {
	padding-top: 10px;
	/*padding-right: 10px;
	padding-left: 5px;*/
}

/*#box-top-main          		{ height: 8px; }
#box-top-main div      		{ background: url(/images/placead/f3_corner_tr.gif) 100% 0 no-repeat; height: 8px; }
#box-top-main div div  		{ background: url(/images/placead/f3_corner_tl.gif) no-repeat; height: 8px; }
#box-top-main div div div 	{ margin: 0px 8px;  background: url(/images/placead/f3_top.png) repeat-x; }
#box-bottom-main 			{ height: 8px; }
#box-bottom-main div  		{ background: url(/images/placead/f3_corner_br.gif) 100% 0 no-repeat; height: 8px; }
#box-bottom-main div div 	{ background: url(/images/placead/f3_corner_bl.gif) no-repeat; height: 8px; }
#box-bottom-main div div div { margin: 0px 8px; background: url(/images/placead/f3_bottom.gif) repeat-x; }
#box-top-ie6				{ margin-bottom: -9px; }
#box-bottom-ie6				{ margin-bottom: -9px; }
*/

#footer {
	border-top: 30px solid #336633;
    clear: left;
    color: #fff;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

#footer a {
	color: #FFFF80;
}

#headertitle {
	margin-top: 10px;
	margin-left: 5px;
	margin-right: auto;
	float: left;
	height: 55px;
}

#customerbox {
	float: right;
	margin-right: 10px;
}

#customerbox table {
	margin-top: 15px;
}

#customerbox a:link,
#customerbox a:visited {
	/*color: #0D2683;*/
	color:#336633;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}
#customerbox a:hover,
#customerbox a:active {
	/*color: #627BA3;*/
	color:#336633;
	text-decoration: underline;
}

#contentcolumn-content article {
    margin-left: 15px;
}

div#userlinks  { 
	color:#000;
	text-align:right;
	margin: 0 10px;
    padding: 5px 0 7px 0px;
}
div#contentwrapper>section { width:75%; float:left; /*border-right:1px solid #eee;*/ min-height:400px; }

#landing-obits, #landing-celebrations {
    background: #ebebeb none repeat scroll 0 0;
    display: block;
    margin-bottom: 16px;
    margin-top: 6px;
    min-height: 1px;
    padding: 35px 0;
    position: relative;
    width: 100%;
}

#landing-obits img, #landing-celebrations img {
    margin: auto;
    display:block;
}

#landing-celebrations #maintext p {
    color: #4b525a;
    font-size: 18px;
    margin: 16px 0;
    text-align: center;
}

.loginPageContainer {
	content: " ";
    display: table;
    clear:both;    
    padding: 6px;
    text-align: center;
    width:90%;
}

.container_landing #login .panel-body {
    background: #ebebeb none repeat scroll 0 0;
}

#login {
    background-color: transparent;
    margin-top: 10px;
}
#login {
    width: 97%;
}

#login {
    min-height: 1px;
    padding: 6px;
    position: relative;
}

div.loginPage {
    background: transparent url("/images/placead/Login_Header.gif") no-repeat scroll 0 0;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    height: 40px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    top: 1px;
    width: 240px;
}

#login .panel {
    margin-bottom: 0;
}

#login label {
    margin-left: 0;
    padding: 0 6px;
    text-align: right;
    width: 56px;
    border: 5px none;
    clear: both;
    color: #424469;
    display: inline;
    float: left;
    font-weight: normal;
    white-space: nowrap;
    margin-top:6px;
    margin-bottom:0px;
    font-size: 11px;
}

div.loginPageContainer {
    background-color: #ebebeb;
    border: medium none;
    margin-top: -10px;
    padding-top: 12px;
    width: 228px;
    padding-bottom: 5px;
}

div.loginPageContainer input {
    margin-top: 6px;
}

#login input {
    font: 12px Verdana,Arial,sans-serif;
    resize: none;
}

.panel-default {
    border: 1px solid #dddddd;
}
.panel {
    background-color: #f6f6f6;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

#login .panel-heading {
    background: #336633 none repeat scroll 0 0;
    font-size: 26px;
    padding: 0 15px;
}

.panel-default > .panel-heading {
    border-color: #dddddd;
    color: #ffffff;
}
.panel-heading, .panel-footer {
    font-weight: bold;
}
.loginPage {
    text-align: center;
}

.loginPageContainer label {
    display: block;
    text-align: left;
    color: #666666;
}

.loginPageContainer ul {
	padding:10px;
	margin:0px;
}

#login ul {
    clear: left;
    margin: 8px 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 6px;
    text-align: center;
    white-space: nowrap;
    width: 240px;
}

#login ul li:first-child {
    border: medium none;
}

#login ul li {
    border-left: 1px solid;
    display: inline;
    font-size: 9px;
    list-style: outside none none;
    margin-left: 0;
    padding: 3px;
}

#login ul li a {
	color: blue;
	text-decoration:none;
}

label {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 12px;
}


div.templates>div.template { width:225px; float:left; margin:0px 10px 10px 0px; border:3px solid #ccc; position:relative; overflow:hidden; text-align:center; padding:5px 5px 10px; }
div.templates>div.template>span { display:block; line-height:15px; height:auto; text-align:center; font-size:12px; padding:5px 0px 5px 0px; color:#555; }
div.templates>div.template>label { display:block; max-height:500px; overflow:hidden; }
div.templates>div.template>label>img { max-width:200px; height:auto; }
div.templates>div.template:nth-child(2n) { margin-right:0; }
div.templates>div.template:nth-child(2n+1) { clear:left; }
div.templates>div.template.onhover, div.templates>div.template:hover { border-color:#777; }
div.templates>div.template.selected { /*border-color:#3b6d9e;*/ background-color:#ffffcc; border-color:#000!important; } 
/*div.templates>div.template.selected img, div.templates>div.template.onhover img, div.templates>div.template:hover img { opacity: 0.8; filter: alpha(opacity=80); }*/
div.templates>div.template>input[type=radio] { position:absolute; top:-100px; }
div.clearfix { clear:both; height:0px; }
form.obitform label { display:inline-block; width:340px; font-size:12px; color:#333; float:left; line-height:15px; padding:5px 10px 5px 0px; }
form.obitform>p { clear:left; min-height:27px; }
form.obitform input[type=text], form.obitform textarea { width:450px; font-family:arial, helvetica, sans-serif; font-size:12px; max-width:92%; padding:4px 7px 4px 7px; border:1px solid #cacaca; font-size:12px; color:#333; line-height:17px; }
form.obitform textarea { height:250px; resize:none; }
form.obitform  input[type=file] { margin-top:4px; }
form.obitform input:focus, form.obitform textarea:focus { outline:none; }
h4.h4bot15 { margin:0; padding:0px 0px 5px 0px; }
td#editBuilder { border:none!important; }
img.img-responsive { max-width:100%; height:auto; }
div#landing-obits img, div#landing-celebrations img { -webkit-box-shadow: 0px 0px 5px 0px rgba(136,136,136,1); -moz-box-shadow: 0px 0px 5px 0px rgba(136,136,136,1); box-shadow: 0px 0px 5px 0px rgba(136,136,136,1); max-width:90%; }

.template span {
    font-size: 11px;
    font-weight: bold;
    line-height: 11px!important;
}
	
#imagestyletabs {
	margin-left: 10px;
	margin-right: auto;
	float: left;
}
.tabcontent {
	height: 320px;
	overflow-y: auto;
	overflow-x: hidden;
	background-color:#FFFFFF;
}
#tcontent1 {
	padding: 5px;
}
#imagestyleoutput {
	margin-left: auto;
	margin-right: 10px;
	float: right;
}
#form-submitstyles {
	margin-top: 20px;
	margin-bottom: 20px;
}
.totalprice {
	color: #FF0000;
	font-weight: bold;
	display: block;
	margin-top: 10px;
	margin-right: 25px;
	float: right;
}
.totallines {
	color: #FF0000;
}
.datebox {
	font: verdana;
	font-size: 12px;
	width:80px;
	margin-top:0px!important;
}

.loginform_btn {
	display: inline;
	margin-left: 5px;
}

#copyright {
    /*border-left: 1px solid #000;
    border-right: 1px solid #000;
    font: Verdana;
    padding-top:15px;*/
	vertical-align: middle;
	/*background-image: url(/images/placead/FOOTER.gif);*/
}

#form-login {
	width: 100px;
	border: 1px solid #1a1a86;
}

#form-password {
	width: 100px;
	border: 1px solid #1a1a86;

}

.login-button {
    font-family: Arial !important;
    font-weight: bold !important;
    padding: 2px 25px !important;
}

#btnSubmitNewAccount {
    padding: 2px 25px;
    text-transform: uppercase;
}


#form-loginButton, #form-closeButton {
    padding: 2px 25px;
}

/*#form-loginButton {
	width: 99px;
	height: 20px;
	border: 0px;
	background: url(/images/placead/oa-login.png); 	
}

#form-closeButton {
	/*width: 99px;
	height: 20px;
	border: 0px;
	background-image: url(/images/placead/close.png); */
}

/*#form-purchaseButton {
	width: 100px;
	height: 20px;
	border: 0px;
	background: url(/images/placead/purchase.png); 
}*/

#form-uploadButton {
	width: 90px;
	color: white;
	border: 1px solid #2e6fa4;
	background-color: #b0c1c9;
}

input[type="submit"], input[type="button"], input[type="image"] {
    -moz-user-select: none;
    background-color: #336633;
    background-image: linear-gradient(to bottom, #32932e 0%, #15581d 100%);
    background-repeat: repeat-x;
    border: 1px solid #2b2f33;
    border-radius: 14px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 12.5px;
    font-weight: bold;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-family: Arial;
}

/*tooltip*/

div.tool-tip {
	color: #ccc;
	width: 172px;
	z-index: 13000;
}

div.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
	background: url("/images/placead/bubble.gif") top left;
}

div.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url("/images/placead/bubble.gif") bottom right;
}


/* CSS for styling tabs */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Tahoma;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(/images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(/images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
background-color: #FFFFFF;
border: 1px solid gray;
width: 380px;
margin-bottom: 1em;
}

.tabcontent{
display:none;
}

/*---------------------------------------*/

.ajax-loading {
    background: url(/images/loadingsection.gif) no-repeat center;
    text-align: center;
}

@media print {
.tabcontent {
display:block!important;
}
}

.adpreview {
	text-align: center;
	/*margin-left: 10px;
	width: 160px; */
	
}

.tdthin {
	border: 1px solid black;
}

.error_visible {
	top: 10px;
	margin: 0 auto 10px auto;
	width: 340px;
    border: 2px groove #FF0000;
	background: #EDEDED;
	color: red;
	font-size: 14px;
	font: Tahoma, sans-serif; 
	font-weight:bold;
}

.error_visible ul {
	padding: 10px 10px 10px 20px;
    margin: 0px;
}

.error_hidden {
	display: none;
}

#builderform-error {
	margin-top: 10px;
}

/*---------MENU SECTION------------*/
.menu1 {
	padding:0 0 0 32px; 
	margin:0; 
	list-style:none; 
	height:35px; 
	position:relative; 
	border:1px solid #000; 
	border-width:0 1px; 
	border-bottom:1px solid #444;
}

.menu1 li {
	float:left;
}

.menu1 li a {
	display:block; 
	float:left; 
	height:35px; 
	line-height:35px; 
	color: #fff;
	text-decoration:none; 
	font-size:11px; 
	font-family:Tahoma, sans-serif; 
	font-weight:bold; 
	text-align:center; 
	padding:0 0 0 8px; 
	cursor:pointer;
}

.menu1 li a b {
	float:left; 
	display:block; 
	padding:0 16px 0 8px;
}

.menu1 li a:hover {
	color: #fff;
}

.menu1 li.current a:hover {
	color:#fff; 
	cursor:default;
}

.menu1 li.disabled {
	display:block; 
	float:left; 
	height:35px; 
	line-height:35px; 
	color:#e1c59a; 
	text-decoration:none; 
	font-size:11px; 
	font-family:Tahoma, sans-serif; 
	font-weight:bold; 
	text-align:center; 
	padding:0 16px 0 8px; 
	
}

#list-images {
	float:left; 
	width:58%;
}

#selected-images {
	float:right; 
	width:40%;
}

#list-packages {
	width:50%;
	float:left;	
}

#selected-package {
	float:right;
	width:49%;
}

#review {
	width:55%;
	float:left;
}

#checkout {
	float:right;
	width:37%;
}

#web-image-btn {
	margin-top:20px;
	text-align:center; 
	width:53%;
}

#loginnewaccountform .body p {
	text-align:center;
}
#category-options {
	width:500px;
	float:left;
}

#blinking-burst {
	float:left;
}

#deadlines {
	margin:0px 20px;
}

.template span { display:block; margin-bottom: 10px; }

input[type="image"] {
	padding:0px!important;
}

#schedform1 input {
    margin-top: 5px;
}

@media screen and (max-width: 1100px) {
	#header-main { max-width:100%!important; overflow:hidden; }
	#header-main .title { text-align:center; }
	#headertitle, #customerbox { float:none; }
	div#contentwrapper > section { width:100%; float:none; }
	#contentcolumn { margin:0!important; }
	#rightcolumn { margin:0!important; }
	.footer_nav { width:100%!important; }
	.footer_nav .links { padding:0px; }
	#login form ul > li { padding:0 10px!important;  }
	.loginPageContainer { padding: 6px 3px!important; }
	#rightcolumn #username, #rightcolumn #password { width: 90% !important; }
	#rightcolumn #login input[type="text"], #rightcolumn #login input[type="password"] { width:85%!important; }
	#logo { max-width: 99%; }
	.widecolumn #contentcolumn-content #category { margin-right: 0!important; }
	.widecolumn  #contentcolumn-content #orderlist, .widecolumn  #contentcolumn-content #unfinished-orders { margin-right: 0!important; }
	#rightcolumn { float: none; margin: 0 auto; width: 100%; }
	#rightcolumn_content { margin: 0 auto; padding-top: 10px; width: 300px; }
	#login label { width:95%!important; text-align:center; }
	#customerbox .user-login-form { margin-top:0px; }
	div#userlinks { max-width:100%; text-align:center; }
	#customerbox .user-login-form { text-align:center; }
	#category { padding-left: 0; }
	#TB_window { height:500px!important; -webkit-overflow-scrolling: touch; overflow-y: scroll; }
	/*#rightcolumn { margin-left: 0px!important; }
	.loginPage { width:auto!important; }
	.loginPageContainer, #login ul { width:auto!important; }
	div.loginPage { background-position:center; }
	#contentcolumn { margin-right:0px!important; }*/
}
@media screen and (max-width: 600px) {

}
@media screen and (max-width: 480px) {
	.category-right { margin-top: 20px; }
	div#userlinks { text-align:center; }
	div#contentwrapper > section { min-height: 280px!important; width:100%!important; }
	input, #web-image-btn img { height: auto!important; }
	#login form ul > li { padding: 0 30px !important; }
	form.obitform input[type="text"], form.obitform textarea { width:100%!important; }
	#spellcheck_button { float: right; margin-right: 15px; }
	form.obitform label { width:50%!important; }
	#contentcolumn-content #checkout #paymentForm table { width:270px!important; }
	#columns > div { text-align: left !important; }
	nav.menu1 ul { width:100%!important; }
	.loginPageContainer label { text-align:center!important; }
	#deadlines {	margin:0px 10px; }
	#editadtext #editform input[type="image"] { height: 22px !important; }
	#editadtext #Obit_Funeralhome_Logo_use { width:auto!important; }
	#online_fields label { display:block; float:none; }
	.deadlines-body { word-wrap: break-word; }
	#header-main #logo { width: 95% !important; }
	.loginPageContainer, #login ul { width:238px!important; }
	#category { padding-left: 0; }
	#TB_window { height:300px!important; }
}