/* Global
------------------------------*/

body {

background: #fff url(../images/body-bg.jpg) repeat-x ;
font: 83%/160% "Lucida Grande" , "Trebuchet MS", Helvetica, Arial, sans-serif;
color: #333

}

html * {

margin: 0;
padding: 0;

}

img { border: none; }
.exspace {padding:5px; padding-left:10px}
.clear {

clear: both;
line-height: -1em;


}

a {

font-weight: bold;
color: #339900;

}

a:hover {

color: #ff9933;

}

/* Header styles
------------------------------*/
#tagline { color: #000; font-size: 24px; line-height: .9em;}
#subtagline { color: #000; font-size: 17px; line-height: 1.9em; } /*color: #ff9933; text-indent: -999em; */
#tickler { color: #333; font-size: 17px; line-height: 19px; }
/* Layout
------------------------------*/
#intro {
padding:0; margin:0;
font-family: "Lucida Grande" , "Trebuchet MS", Helvetica, Arial, sans-serif;
line-height: 1.5em;
font-size: 1.1em;
color: #000
}
#container {

width: 100%;
/*background: url(../images/footer-top.gif) 0% 100% repeat-x;*/

}

#contentcontainer {

width: 829px;
margin: 0 auto;
padding: 0 0 20px 0;

}

#header {

width: 829px;
margin: 0 auto;
height: 47px;

}

#fullcol {

width: 832px;
float: left;
/* for IE/WIN */
margin: 0 -3px 0 0;
padding: 0 0 0 6px;
}

#singlecol {

width: 823px;
/* for IE/WIN */
margin: 0;
padding: 0 0 0 6px;
}

/* Column 1
------------------------------*/
#column1 {

width: 445px;
float: left;
/* for IE/WIN */
margin: 0 -3px 0 0;
padding: 0 5 0 6px;
}
#column1 h1 {

color: #6699cc; /*#ff9933*/
font-size: 16px;
}
#column1 #benefits ul {

list-style: none;
padding: 10px 0 1px 0;
/*background: url(../images/dot-bg.gif) 0% 100% repeat-x;*/

}

#column1 #benefits ul li {

padding: 0 0 20px 0;

}

#column1 #benefits ul li h3 {

color: #6699cc;
font-size: 1.2em;

}

#column1 #benefits ul li p {
font: 113%/160% "Lucida Grande" , "Trebuchet MS", Helvetica;
padding: 0;

}

#column2 h1 {

font-size: 16px;
color: #6699cc
}

#onecol {

width: 719px; /* 485px */
float: left;
/* for IE/WIN */
margin: 0 -3px 0 0;
padding: 30px 0px 20px 6px;
}
	
		#onecol h2 {			
			color: #ff9933;
			padding: 0 0 14px 0;
			margin: 0 0 10px 0;
			font-size: 1.5em;
			background: url(../images/dot-bg.gif) 0% 100% repeat-x;			
		}

#col1 {

width: 485px;
float: left;
/* for IE/WIN */
margin: 0 -3px 0 0;
/*padding: 0 0 0 6px;*/
}

#col2 {

width: 338px;
/* for IE/WIN */
margin: 0 0 0 488px;

}

/* For everybody else */
html>body #col1 { margin: 0; }
html>body #col2 { margin: 0 0 0 491px; }
html>body #onecol { margin: 0; }

#footer {
border-top:2px solid #abc6e2;
background-color: #E5EDF6;
padding: 10px 0 20px 0px;
/*width: 823px;*/
width: 100%;
/*
padding: 10px 0 20px 6px;
*/
}

#footer_body {
width: 823px;
margin: 0 auto;
}

#footer_body p {
font-family: "Lucida Grande" , "Trebuchet MS", Helvetica, Arial, sans-serif;
line-height:20px;
color:black

}
/* Login
------------------------------*/
#loginbox {


padding: 15px;

background: #eee;
margin: 10px 0 0 4px;

}


#loginbox form {

margin: 0;
padding: 0;

}

#loginbox h2 {

color: #6699cc;
font-size: 1.2em;


}

#loginbox label {

display: block;

}

#loginbox p {

padding: 8px 0 0 0;

}

#loginbox input {

font-size: 1.1em;
line-height: 1.2em;
display: block;
vertical-align: middle;


}

#loginbox input#username, #loginbox input#password , #loginbox input#email {

width: 95%;
padding: 4px;

}

#loginbox input#remember, #loginbox input.submitbutton {

display: inline;
margin: 0 4px 0 0;


}

#loginbox a {

font-size: .9em;

}

#bodycontent table {font-family: "Lucida Grande" , "Trebuchet MS", Helvetica, Arial, sans-serif;}

/* Header
------------------------------*/

#header ul#nav { list-style: none; }

#header ul#nav li {

display: block;
float: left;
padding: 20px 0 0 0;
}

#header ul#nav li a {
display: block;
float: left;
color: #fff;
font-weight: bold;
padding: 0 10px 0 10px;
border-right: solid 1px #fff;
line-height: 1.25em;
vertical-align: middle;

}

#header ul#nav li a:hover {

text-decoration: none;

}

#header ul#nav li.last a {

border-right: none;

}

#header ul#nav li a.active {

text-decoration: none;

}

#header p {

float: right;
line-height: 1em;
padding: 8px 0 0 0;
}

#header p a {

display: block;
width: 185px;
height: 39px;
background: url(../images/signup-header.jpg) no-repeat;
text-indent: -999em;
text-decoration: none;


}


/* Col1
------------------------------*/

h1#logo a {

display: block;
background: url(../images/myticklerfile-logo.jpg) no-repeat;
height: 108px;
line-height: 1em;
text-indent: -999em;
text-decoration: none;


}

#bodycontent {

padding: 30px 0px 20px 10px;

}
#bodycontent h1 {

color: #ff9933;
font-size: 16px; line-height:25px;

}
			
			#bodycontent h2 {
			
			color: #ff9933;
			padding: 0 0 14px 0;
			margin: 0 0 10px 0;
			font-size: 1.5em;
			background: url(../images/dot-bg.gif) 0% 100% repeat-x;
			
			}
			#bodycontent h5 {

			color: #ff9933;
			padding: 5px 0 5px 0;
			margin: 0 0 0px 0;
			font-size: 1.4em;

			}
			#bodycontent h7 {

			color: #ff9933;
			padding: 0 0 14px 0;
			margin: 0 0 10px 0;
			font-size: 1.5em;

			}			
			
			#bodycontent p {
			
			padding: 0 0 12px 0;
						
			}
			#bodycontent p .setup{

			padding: 0 0 5px 0;
						
			}
			
/*      #bodycontent h3 {
    
    color: #6699cc;
    font-size: 1.2em;
    padding: 3px 0 5px 0;
    
    }
*/		
		#bodycontent h4 {
		
		color: #333;
		font-size: 1em;
	
		
		}
		
		
		#bodycontent p {
		padding: 0 0 10px 0;
		
		}

		#bodycontent ol {
		padding-left:20px;
			
		}


#col1 #benefits {

padding: 0px;
width:437px
}

#col1 h2#benefits-title {

height: 25px;
line-height: 1em;
text-indent: -999em;
background: url(../images/home-benefits-title.gif) no-repeat;
padding: 0;
margin: 0;

}

#col1 #benefits ul {

list-style: none;
padding: 10px 0 1px 0;
background: url(../images/dot-bg.gif) 0% 100% repeat-x;

}

#col1 #benefits ul li {

padding: 0 0 20px 0;

}

#col1 #benefits ul li h3 {

color: #6699cc;
font-size: 1.2em;

}

#col1 #benefits ul li p {
font: 113%/160% "Lucida Grande" , "Trebuchet MS", Helvetica;
padding: 0;

}

#col1 #benefits ul li p a.more  {

font-size: .9em;
text-decoration: none;
background: url(../images/more-arrow.gif) 0% 50% no-repeat;
padding: 0 16px 0 14px;

}

#col1 #benefits ul li p a.video  {

font-size: .9em;
text-decoration: none;
background: url(../images/quicktime-video-link.gif) 0% 50% no-repeat;
padding: 0 0 0 18px;

}

/* ------------ Table Properties ------------ */

table.planstable {

border-right: solid 1px #ddd;
width: 100%;
font-size: .9em;
margin: 0 0 10px 0;

}

table.planstable th {

padding: 3px;
border-bottom: solid 3px #ccc;
background: #eee;

}

table.planstable td {

padding: 3px;
border-left: solid 1px #ddd;
border-bottom: solid 1px #ddd;
background: white;


}

table.planstable td.col1 {
font-weight: bold;
}

table.planstable td.col2, table.planstable td.col3, table.planstable td.col4  {
text-align: center;
}

table.planstable tr.total td {

background: #339900;
font-weight: bold;
color: #fff;

border-top: solid 3px #ccc;

}

table.planstable tr.total2 td {

background: #339900;
font-weight: bold;
color: #fff;

border-top: solid 1px #ccc;

}

.signupbutton { text-align:center }

#faq {

margin: 20px 0 0 0;
padding: 10px 0 0 0;
background: url(../images/dot-bg.gif) repeat-x;

}
#ex {

margin: 5px 0 0 0;
padding: 10px 0 0 0;

}

/* Column2
-----------------------------*/

#column2 h2#features-title {

height: 25px;
line-height: 1em;
text-indent: -999em;
/*background: url(../images/home-features-title.gif) no-repeat;*/

}

#column2 #features ul {

list-style: none;
padding: 10px 0 10px 0;
/*background: url(../images/dot-bg.gif) 0% 100% repeat-x;*/

}

#column2 #features ul li {

background: url(../images/bullet-check.gif) no-repeat;
padding: 2px 0 10px 30px;
line-height: 1.5em;
font-size: 1.1em;

}
#col2 #features {

padding: 10px 0 0 6px;

}
#column2 h2 {

color: #ff9933;
padding: 0 0 14px 0;
margin: 0 0 10px 0;
font-size: 1.5em;
background: url(../images/dot-bg.gif) 0% 100% repeat-x;

}

/* Col2
------------------------------*/
#col2 #screenshot {

padding: 46px 0 0 0;

}

#col2 #features {

padding: 10px 0 0 6px;

}



#col2 h2#features-title {

height: 25px;
line-height: 1em;
text-indent: -999em;
background: url(../images/home-features-title.gif) no-repeat;

}

#col2 #features ul {

list-style: none;
padding: 10px 0 10px 0;
background: url(../images/dot-bg.gif) 0% 100% repeat-x;

}

#col2 #features ul li {

background: url(../images/bullet-check.gif) no-repeat;
padding: 2px 0 10px 30px;
line-height: 1.5em;
font-size: 1.1em;

}


#col2 #teaser {

height: 104px;
padding: 24px 0 0 0;


}

#col2 #col2content {

padding: 16px 0 20px 0;

}

		
		#col2 #col2content h3 {
		
		color: #6699cc;
		font-size: 1.2em;
		padding: 3px 0 5px 0;
		
		}
		
		#col2 #col2content h4 {
		
		color: #333;
		font-size: 1em;
	
		
		}
		
		
		#col2 #col2content p {
		padding: 0 0 10px 0;
		
		}



/* Footer
------------------------------*/

#footer p {

font-size: .8em;
font-weight: bold;

}

ul#footernav {
float: right;
list-style: none;

}

ul#footernav li {

display: block;
float: left;

}

ul#footernav li a {

font-size: .8em;
color: #333;
display: block;
float: left;
padding: 0 6px 0 6px;
text-decoration: none;

}

ul#footernav li a:hover { color: #ff9933; }
                                           
#normalcontent h4 {
border-bottom:1px solid #EEEEEE;
color:#339900;
font-size:1.3em;
margin:0pt 0pt 5px;
padding:3px 0pt 5px;
}             
#normalcontent h3 {
color:#6699CC;
font-size:1.2em;
padding:3px 0pt 5px;
}
       
#error {

width: 699px;
padding: 10px;
margin: 0 0 10px 0;
background: #ff9933;
color: #fff;
font-weight: bold;

}

#success {

width: 675px;
padding: 10px;
margin: 0 0 10px 0;
background: #9FCF67;
color: #fff;
font-weight: bold;

}