/** GLOBAL */

body {
	background: #e0e5d5 url(/images/bg-top.gif) repeat-x;
	margin: 16px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #404040;
	text-align: center;
}
body * {
	margin: 0;
	padding: 0;
}

a:hover, a:active {
	color: #9D4812;
	text-decoration: underline;
}
.hide { display: none; }

.clear {
	clear:both;
}
.clr {clear:both;}
.clr-right {clear:right; float:right;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.deemphasis { font-weight: normal; font-size: .9em; }
.example-text{ color: #888888; }

p { line-height: 1.4; padding: 10px 0; }
#dashboard p {line-height:inherit; padding:0;}

/*.subsect li { list-style-position: inside; }*/
/*.subsect ul, .subsect ol { padding: 10px 20px; }*/

/* **/

/** HEADERS */

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #333333;
}
h1.head, h2.subhead {text-indent: -9999em; background: url(/images/placer-header.gif) no-repeat;}
h2.subhead {margin:2px 0 15px 0;}

h1.h-signup        {background-image: url(/images/sign-up.gif);}
h2.h-placer        {}

h1.create-test-new-page {text-indent: -9999em; background: url(/images/create-test-new-page.gif)  no-repeat; position:relative;}
h2.about-crazyegg  {text-indent: -9999em; background: url(/images/about-crazyegg.gif)  no-repeat; margin-bottom:-10px;}
h2.about-neil      {text-indent: -9999em; background: url(/images/about-neil.gif)      no-repeat; margin: 15px 0 -10px 0;}
h2.account-setup   {text-indent: -9999em; background: url(/images/account-setup.gif)   no-repeat; }
h2.contactus       {text-indent: -9999em; background: url(/images/contact-us.gif)      no-repeat; }
h2.current-session {text-indent: -9999em; background: url(/images/current-session.gif) no-repeat; }
h2.easylist-header {text-indent: -9999em; background: url(/images/1-2-3-header.gif)    no-repeat; height: 45px;}
h2.install-code    {text-indent: -9999em; background: url(/images/install-ce-code.gif) no-repeat; padding-bottom: 2px;}
h2.last-session    {text-indent: -9999em; background: url(/images/last-session.gif)    no-repeat; }
h2.pagenotfound    {text-indent: -9999em; background: url(/images/pagenotfound.gif)    no-repeat; }
h2.past-session    {text-indent: -9999em; background: url(/images/past-sessions.gif)   no-repeat; margin-top: 20px;}
h2.please-login    {text-indent: -9999em; background: url(/images/please-login.gif)    no-repeat; }
h2.setup-session   {text-indent: -9999em; background: url(/images/setup-session.gif)   no-repeat; }
h2.signup-header   {text-indent: -9999em; background: url(/images/signup-header.gif)   no-repeat; height: 45px;}
h2.thank-you       {text-indent: -9999em; background: url(/images/thank-you.gif)       no-repeat; }
h2.your-account    {text-indent: -9999em; background: url(/images/your-account.gif)    no-repeat; }
h2.your-pages      {text-indent: -9999em; background: url(/images/your-pages.gif)      no-repeat bottom left; }
h2.page-info       {text-indent: -9999em; background: url(/images/page-info.gif)       no-repeat bottom left; margin-top: 10px; margin-left:1px; position:relative;}
h2.test-info       {text-indent: -9999em; background: url(/images/test-info.gif)       no-repeat bottom left; margin-top: 20px; margin-left:1px; position:relative;}

h3.step1 {
	text-indent: -9999em;
	background: url(/images/step1of2.gif) no-repeat right;
	height: 24px;
	float: right;
	width: 120px;
	margin-bottom: -24px;
}
h3.step2 {
	text-indent: -9999em;
	background: url(/images/step2of2.gif) no-repeat right;
	height: 24px;
	margin-bottom: -24px;
}
.subsect h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #555;
}

/*
h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 5px 0;
	padding-left: 50px;
	line-height: 37px;
	color: #555;
}
*/
.subsect h4 {
	color: #555;
	text-shadow: none;
	text-transform: none;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	line-height: normal;
}
h4.no-active {
	float: left;
	margin: 10px 0 0 10px;
	background: url(/images/icon-warning.gif) no-repeat left center;
	padding: 0 30px;
	color: #B0800E;
}

/* **/

/** LAYOUT */

#container {
	width: 751px;
	margin: 0 auto;
	text-align: left;
}
#top {
	background: #fff url(/images/top.gif) no-repeat;
	height: 99px;
	padding: 0 16px;
}
#main {
	background: url(/images/bg-main.gif) repeat-y;
	padding: 20px 16px;
}
#about #main, #testimonials #main {
	padding-bottom: 1px;
	margin-bottom: -7px;
}

#logo { float: left; background: url(/images/logo.gif) no-repeat; height: 87px; width: 241px; text-indent: -9999em; overflow: hidden; }
#logo a { display: block; width: 241px; height: 87px; text-decoration: none; }
	
.siparis  { float: right; background: url(/images/button-siparis.gif) no-repeat; text-indent: -9999em; overflow: hidden; margin-top: 13px;  }
.logout { float: right; background: url(/images/button-logout.gif) no-repeat; text-indent: -9999em; overflow: hidden; margin-top: 13px;  }
.siparis a  { display: block; width: 54px; height: 25px; text-decoration: none; }
.logout a { display: block; width: 54px; height: 25px; text-decoration: none; }
	
ul#subnav { float: right; margin: 19px 15px 0 0;  padding: 0; }
#subnav li { display: inline; font-weight: bold; text-transform: uppercase; color: #b8b8b8; font-size: .9em; }
#subnav a:link, #subnav a:visited { color: #bbb; text-decoration: none; padding: 5px 3px; }
#subnav a:hover, #subnav a:active { background: #8abc00; color: #fff; padding: 5px 3px; }
#subnav a.on { background: #BBD4E4 !important; color: #333; padding: 5px 3px; }
#subnav li.welcome {
	text-transform: none !important;
	font-weight: normal;
	color:#333;
	margin-right:10px;
}
#subnav li.welcome span {
	font-weight: bold;
}
	
.line {
	border-bottom: 1px solid #E4E4E4;
	padding-top: 11px;
}

/** footer */

#footer { background: url(/images/footer.gif) no-repeat; height: 9px; }
#footer ul { line-height: 4; text-align: center; padding: 0; }
#footer li { display: inline; text-transform: uppercase; font-size: .8em; font-weight: bold; color: #A5C2D4; }
#footer a:link, #footer a:visited { padding: 0 5px; color: #6D93AB; text-decoration: none; }
#footer a:hover, #footer a:active { color: #315C77; }
#footer .global li { text-transform: lowercase; }
#footer ul.global { line-height: normal; margin-top: -14px !important; margin-top: -10px; } /* IE hack */ 
#footer .global a { padding: 0; }
#footer p { text-align: center; font-size: 9px; padding: 5px 0 15px 0; color: #6D93AB; }

/* **/

#submit-login {
	height: 25px;
	width: 54px;
	position: absolute;
	border: none;
	margin-top: -4px;
	cursor: pointer; /* For Opera */
}
#submit-send {
	height: 25px;
	width: 54px;
	border: none;
	margin-top: -6px;
	margin-left: -5px;
	cursor: pointer; /* For Opera */
}
#submit-back {
	height: 33px;
	width: 138px;
	margin-top: 15px;
	border: none;
	cursor: pointer;
}

.user-status {
	float: right;
	margin-top: -75px;
	font-weight: bold;
}
.user-status span {
	color: #9EC630;
}
.user-status a:link, .user-status a:visited {
	color: #999;
	text-decoration: underline;
	font-weight: normal;
}
.user-status a:hover, .user-status a:active {
	color: #333;
}

/** NAV */

ul#nav { float: right; margin: -18px 0 0 0; padding: 0 !important; }
#nav li { display: inline; text-indent: -9999em; float: left; height: 28px; }
#nav a { overflow: hidden; }
#nav .on a,
#nav a:hover {
	background-position: bottom !important;
}

.nav-anasayfa a    { background: url(/images/nav-anasayfa.gif)    no-repeat; height: 28px; width:  74px; display: block; }
.nav-hakkimizda a    { background: url(/images/nav-hakkimizda.gif)    no-repeat; height: 28px; width:  78px; display: block; }
.nav-haberler a { background: url(/images/nav_haberler.gif) no-repeat; height: 28px; width: 66px; display: block; }
.nav-fidanlar a    { background: url(/images/nav_fidanlar.gif)    no-repeat; height: 28px; width: 74px; display: block; }
.nav-referanslar a { background: url(/images/nav_referanslar.gif) no-repeat; height: 28px; width: 85px; display: block; }
.nav-genel-bilgiler a  { background: url(/images/nav_genel_bilgiler.gif)  no-repeat; height: 28px; width: 91px; display: block; }

/* **/


/** subsection */

.subsect-bottom {
	background: url(/images/subsect-bottom.gif) no-repeat bottom;
	height: 7px;
}
.subsect {
	background: #EFEFEF url(/images/subsect-top.gif) no-repeat top;
}
.subsect-content {
	padding: 10px;
}
.subsect-right {
	float: right;
	width: 344px;
	margin-top: 30px;
	margin-right: 5px;
}
.subsect-right p {
	line-height: 1.6;
	color: #555;
}

/* **/

/* **/

/** HOME */

/** Intro */

.subsect .intro {
	background: #fff url(/images/reg-border.gif) repeat-y;
	width: 327px;
	margin-top: 10px !important;
	margin-top: 15px;
	float: right;
	z-index: 1;
}
.subsect .intro p {
	font-weight: bold;
	text-align: center;
	padding: 5px 10px 0 10px;
	line-height: 1.4;
}
.reg {
	font-size: 1.2em;
	margin-bottom: 10px !important;
	margin-bottom: 0;
}
.subsect .intro ul {
	padding: 10px 10px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
.subsect .intro li {
	list-style: none;
	padding: 3px 0 10px;
	line-height: 1.2em;
}
.subsect .intro li span {
	color: #999;
	font-size: .9em;
	font-style: italic;
}
.subsect .intro li strong {
	font-size: 1.3em;
}
.subsect .intro-top {
	background: url(/images/intro-top.gif) no-repeat;
	height: 34px;
	line-height: 34px;
}
.subsect .intro-top h3 {
	color: #FFFFFF;
	text-transform: uppercase;
	text-shadow: 2px 2px 1px #6DA918;
	font-size: 1.2em;
	text-align: center;
}
.subsect .intro-bottom {
	background: url(/images/intro-bottom.gif) no-repeat bottom right;
	height: 6px;
	margin-top:10px;
}

/* **/
/* **/

/** new HOME */

/* #easylist h5 { text-align: center; font-size: 1.2em; padding-top: 10px; } - old text version */
#easylist h5 { background: url(/images/button-improve.gif) no-repeat; height: 39px; text-indent: -9999em; margin: 6px 0 0 62px; }
#easylist h5 a:hover, #easylist h5 a:active { background: url(/images/button-improve.gif) no-repeat 0 -39px;}
#easylist h5 a { display: block; height: 39px; width: 258px; overflow: hidden; }

#h-home-main { background: url(/images/heading-homepage.gif) no-repeat; height: 25px; text-indent: -9999em; overflow: hidden; }
#h-home-sub { background: url(/images/heading-homepage-sub.gif) no-repeat; height: 18px; margin: 2px 0 0 1px; text-indent: -9999em; overflow: hidden; }

#h-home-slogan { background: url(/images/heading-hosgeldiniz.gif) no-repeat; height: 34px; text-indent: -9999em; }
#h-home-hava { background: url(/images/heading-duyuru_servisi.gif) no-repeat; height: 34px; text-indent: -9999em; }

#h-home-test { background: url(/images/heading-test.gif) no-repeat; height: 34px; text-indent: -9999em; }
#h-home-test a:hover, #h-home-test a:active { background: url(/images/heading-test.gif) no-repeat 0 -34px; height: 34px; text-indent: -9999em; }
#h-home-test a { display: block; width: 320px; height: 34px; text-decoration: none; overflow: hidden; }

#h-test-main { background: url(/images/heading-testimonials.gif) no-repeat; height: 20px; text-indent: -9999em; overflow: hidden; }
#h-test-sub { background: url(/images/heading-testimonials-sub.gif) no-repeat; height: 18px; margin: 7px 0 0 1px; text-indent: -9999em; overflow: hidden; }

#h-about-main { background: url(/images/heading-about.gif) no-repeat; height: 20px; text-indent: -9999em; overflow: hidden; }
#h-about-sub { background: url(/images/heading-about-sub.gif) no-repeat; height: 18px; margin: 7px 0 0 1px; text-indent: -9999em; overflow: hidden; }

#h-contact-main { background: url(/images/heading-contact.gif) no-repeat; height: 19px; text-indent: -9999em; overflow: hidden; }
#h-contact-sub { background: url(/images/heading-contact-sub.gif) no-repeat; height: 42px; margin: 7px 0 0 1px; text-indent: -9999em; overflow: hidden; }

#preview {
	position:    absolute;
	height:      204px;
	width:       744px;
	margin-left: -34px;
}

#preview p { color: #b0b0b0; font-weight: bold; padding: 140px 10px 0 5px !important; padding: 123px 10px 0 5px; text-align: center; }

/* anasayfa genişlik**/
#easylist { float: left; width: 222px; margin-top: 259px; }
#easylist ul { padding: 10px; }
#easylist li {
	list-style: none;
	background: url(/images/bullet-home.gif) no-repeat 0 7px;
	padding: 4px 0 4px 15px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
}
.easylist-top { border-top: 1px solid #eee; }
#easylist p { color: #868686; font-weight: bold; line-height: 1.6; padding: 0; margin-left: 10px; }
	
#testimonial { float: left; width: 480px; margin-top: 259px; }
.main-testimonial { background: url(/images/main-duyuru.gif) no-repeat; height: 185px; margin-top: 10px; }
.main-testimonial blockquote p { text-indent: -9999em; height: 140px; line-height: normal; padding: 0; }
.main-testimonial cite, .quote cite { font: bold normal 1.1em arial, sans-serif; color: #333; display: block; }
	
.cite-test { text-align: left; line-height: normal; padding: 0 20px 0 0; }
.quote .cite-test { padding: 10px 30px 15px 0; }


/* **/

/** BUTTONS */

.login-account {
	background: url(/images/button-login.gif) no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}
.login-account a {
	display: block;
	width: 54px;
	height: 25px;
	text-decoration: none;
}

.button {
	text-indent: -9999em;
	overflow: hidden;
}
.button a {
	display: block;
	text-decoration: none;
}
.ibutton {
	text-indent: -9999em;
	overflow: hidden;
	display: block;
	text-decoration: none;
	margin: 10px 10px 0 0;
}

.bigb {
	height: 38px;
	width: 38px;
}
.big-1 {
  background: url(/images/big-1.gif) no-repeat;
}
.big-2 {
  background: url(/images/big-2.gif) no-repeat;
}
.big-3 {
  background: url(/images/big-3.gif) no-repeat;
}

/*.active .version .button {
	float:left;
	margin: 20px 5px 0px 0px;
}*/

.page-manage .button {
	float:left;
	margin: 10px 5px 0px 0px;
}

.view-results {
	clear:left;
	float:right;
	background: url(/images/button-test-running-view-vesults.gif) no-repeat right;
	height: 29px;
	margin-top: -29px;
}
.view-results a {
	width: 75px;
	height: 29px;
}



.verify-page-code {
	background: url(/images/button-verify-page-code.gif) no-repeat;
	height: 29px;
}
.verify-page-code a {
	width: 91px;
	height: 29px;
}

.add-new-page {
	background: url(/images/button-add-new-page.gif) no-repeat;
	height: 29px;
	float:right;
	margin-top:-10px;
	margin-right: 10px;
}
.add-new-page a {
	height: 29px;
	width: 91px;
}

.end-test {
	background: url(/images/button-end-test.gif) no-repeat;
	height: 29px;
	margin: 0 !important;
}
.end-test a {
	height: 29px;
	width: 55px;
}

.start-test {
	background: url(/images/button-end-test.gif) no-repeat;
	height: 29px;
	margin-left:5px;
}
.start-test a {
	height: 29px;
	width: 55px;
}

.remove-test {display:none;}
.edit-test {display:none;}

.view-all-tests {
	background: url(/images/button-view-all-tests.gif) no-repeat;
	height: 33px;
	float:right;
	margin-top:10px;
	margin-bottom:-5px;
}
.view-all-tests a {
	height: 33px;
	width: 116px;
}

.cancel-large {
	background: url(/images/button-cancel-large.gif) no-repeat;
	height: 33px;
	float:left;
	padding:0;
	margin-top:10px;
}
.cancel-large a {
	height: 33px;
	width: 63px;
}

.create-a-test {
	background: url(/images/button-create-a-test.gif) no-repeat;
	height: 33px;
	padding:0 !important;
	margin: 10px auto 0 auto !important;
	width: 116px;
}
.create-a-test a {
	height: 33px;
	width: 116px;
}

.ibutton {
	float:left;
}

/* **/

/** Button LINKS */

a.blink {
	text-decoration: none;
	padding: 2px 4px;
}
a.blink span {
	text-decoration: underline;
}
a.blink b {
	color: #80B218;
	width: 1.2em;
}
a.blink:hover b,
a.blink:hover b {
	color: #7E380D;
}
a.page-edit {
	float: right;
	margin-right: -10px;
}
a.page-new-test {
	margin-top: 1em;
	font-size: 110%;
}
a.danger:hover {
	background: #fcc;
}
p.main a.blink {
	font-size: 1.1em;
	float: right;
	margin-right: 1em;
	position: relative;
	top: -5px;
}

/* **/

/** TABLE */

table.dash {
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 97%; /* Resized for IE5.5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 100%;
}
table.dash th {
	background: #9EC630 url(/images/table-header.gif) repeat-x;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.2em;
	text-shadow: 2px 2px 1px #6DA918;
	text-align: left;
	padding-left: 20px;
	line-height: 35px;
	border-bottom: 1px solid #80B01C;
	border-right: 1px solid #fff;
}
table.dash td {
	border-bottom: 1px solid #D3E3A4 !important;
	border-right: 1px solid #fff;
	padding: 8px 20px;
	font-size: 1.1em;
	color: #404040;
}
table.dash tr {
	background: #E3EEC4;
}
table.dash tr.alt-row {
	background: #fff;
	background: #ecf7cd;
}
table.dash a:link, table.dash a:visited {
	font-weight: bold;
	color: #404040;
	text-decoration: underline;
}
table.dash a:hover, table.dash a:active {
	color: #666;
}

/* **/

/** Signup */

#h-signup-main    { background: url(/images/heading-signup.gif)         no-repeat; text-indent: -9999em; height: 25px; overflow: hidden; }
#h-signup-sub     { background: url(/images/heading-signup-sub.gif)     no-repeat; text-indent: -9999em; height: 18px; margin: 2px 0 0 1px; }
#h-signup-feat    { background: url(/images/heading-signup-feat.gif)    no-repeat; text-indent: -9999em; height: 34px; width: 280px; }
#h-signup-require { background: url(/images/heading-signup-require.gif) no-repeat; text-indent: -9999em; height: 34px; width: 418px; }

#pricing {
	position: relative;
	border: 1px solid white;
	width: 720px;
}
#pricing table {
	border-collapse: collapse;
	margin: 10px 0 15px 0;
	width:100%;
}

#pricing .number { font-size: 150%; }

th.desc        { background: url(/images/table-heading-desc.gif)     repeat-x bottom left;   width: 174px; height: 63px; }
th.free_0      { background: url(/images/table-heading-free.gif)     no-repeat bottom center; width: 128px; border-right: 1px solid #fff; border-left: 1px solid #fff; }
th.standard_19 { background: url(/images/table-heading-standard.gif) no-repeat bottom center; width: 128px; border-right: 1px solid #fff; }
th.plus_49     { background: url(/images/table-heading-plus.gif)     no-repeat bottom center; width: 128px; border-right: 1px solid #fff; }
th.pro_99      { background: url(/images/table-heading-pro.gif)      no-repeat bottom center; width: 128px; }

#pricing th.on { background: url(/images/table-heading-on.gif) no-repeat bottom center; width: 161px !important; border: none !important; }
#pricing tfoot td.on { background: url(/images/table-foot-on.gif) no-repeat top center; border: none !important; }
#pricing tbody td.on { background: url(/images/table-body-on.gif) no-repeat bottom center; border: none !important; }

th.free_0      h4 { background: url(/images/table-heading-on-free.gif)     no-repeat center 7px;}
th.standard_19 h4 { background: url(/images/table-heading-on-standard.gif) no-repeat center 7px;}
th.plus_49     h4 { background: url(/images/table-heading-on-plus.gif)     no-repeat center 7px;}
th.pro_99      h4 { background: url(/images/table-heading-on-pro.gif)      no-repeat center 7px;}

#pricing th h4 { display:none; height: 42px; }
#pricing th.on h4 { display:block !important; }

#pricing thead h4 { text-indent: -9999em; }

#pricing tbody {
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 115%;
}

.desc-b     { background: url(/images/table-body-desc.gif)     repeat-x bottom left; height: 40px; text-align: right; color: #40637b; font-weight: bold; padding-right: 6px; font-size: .8em !important; }
.free-b     { background: url(/images/table-body-free.gif)     repeat-x bottom center; border-right: 1px solid #fff; border-left: 1px solid #fff; }
.standard-b { background: url(/images/table-body-standard.gif) repeat-x bottom center; border-right: 1px solid #fff; }
.plus-b     { background: url(/images/table-body-plus.gif)     repeat-x bottom center; border-right: 1px solid #fff; }
.pro-b      { background: url(/images/table-body-pro.gif)      repeat-x bottom center; }

.desc-f     { background: url(/images/table-foot-desc.gif)     repeat-x top center; height: 58px; }
.free-f     { background: url(/images/table-foot-free.gif)     repeat-x top center; border-right: 1px solid #fff; border-left: 1px solid #fff; }
.standard-f { background: url(/images/table-foot-standard.gif) repeat-x top center; border-right: 1px solid #fff; }
.plus-f     { background: url(/images/table-foot-plus.gif)     repeat-x top center; border-right: 1px solid #fff; }
.pro-f      { background: url(/images/table-foot-pro.gif)      repeat-x top center; }

#pricing tfoot td { vertical-align: top !important; text-align: center;}
#pricing tfoot td a,
#pricing span.current_plan {
	background: url(/images/table-signup-plans.gif) no-repeat center center;
	text-indent: -9999em;
	display: block;
	height: 25px;
	margin-top: 8px;
}	
#pricing .on a,
#pricing .on span { background-image: url(/images/table-signup-free.gif) !important; margin-top: 13px !important; }
#pricing a.disabled { background-image: url(/images/button-signup.gif) !important; cursor: default; }
#pricing td span.current_plan {
	background-image: url(/images/button-current-plan-disable.gif);
	opacity: 0.5;
	-moz-opacity: 0.5;
}
#pricing td.on span.current_plan {
	background-image: url(/images/button-current-plan.gif) !important;
	opacity: 1.0;
	-moz-opacity: 1.0;
}

#pricing .off {
	opacity: 0.75;
	-moz-opacity: 0.75;
}

#signup-feat { float: left; }
#signup-feat li {
	background: url(/images/bullet-yes.gif) no-repeat 0 5px;
	list-style: none;
	padding: 4px 0 4px 20px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
}
.signup-top { border-top: 1px solid #eee; }
#signup-feat ul { margin: 10px; padding: 0; }

#signup-require { float: right; width: 418px; }
#signup-require p { padding: 15px 10px 0 10px; line-height: 1.4; }

#pricing .nine {width: 385px;}
/** Free-Form */

#free-form { width: 385px; }
#form_container {
	position: absolute;
	right: 0px;
	margin-top: 26px;
	background: #E4E4E4 url("/images/bg-freeform.gif") repeat-x;
	height: 249px;
	width: 385px;
	z-index: 1;
	overflow: hidden;
}
#form_container .shadow {
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/bg-shadow.gif) no-repeat;
	width: 8px;
	height: 249px;
}
#form_container h2 {
	background: #c7c7c7 url("/images/heading-grab.gif") no-repeat 1em center;
	text-indent: -9999em;
	overflow: hidden;
	height: 47px;
	margin-bottom: 6px;
}
#form_container fieldset {
	border: none;
	padding: .5em 1.5em;
}
#form_container label {
	display: block;
	font-weight: bold;
	padding: 0;
}
#form_container input {
	margin: .1em 0 1em;
	padding: .2em 0em;
	border: 1px solid #bbb;
}
#form_container .email input {
	font-size: 1.3em;
	width: 330px;
}
#form_container .pass input, 
#form_container .retype input {
	width: 160px;
	margin-bottom: 0 !important;
}
#form_container .pass {
	float: left;
	width: 160px;
	margin-right: 10px;
	display: inline;
}
#form_container .retype {
	float: left;
	width: 160px;
}
#form_container .terms input {margin: 0 !important;}
#form_container .buttons {
	text-align: right;
	width: 335px;
	clear: left;
}
#form_container .buttons input {
	margin: 0 0 0 15px;
	border: none;
	float: right;
}

/* **/

p.more-plans {
	text-align:  right;
	margin-top:  -10px;
	padding-top: 0;
}

/* **/

/** PAY */

label {
	display: block;
	font-weight: bold;
	padding: 0 0 6px 0;
	margin-top:0.5em;
}

.messages {
	margin: 10px 0;
	float:right;
	width: 327px;
}

.plan-details strong {
	color:#7092A5;
	font-size: 1em !important;
	display:block;
	float:left;
	width:52%;
	text-align:right;
	margin-right:1em;
}

/* **/

/** SETUP */

label {
	display: block;
	font-weight: bold;
	padding: 0 0 6px 0;
}
input.setup {
	border: 1px solid #9FC72C;
	padding: 5px;
	width: 300px;
}
input.setup-pass {
	border: 1px solid #9FC72C;
	padding: 5px;
	width: 150px;
}
input.setup:focus, input.setup-pass:focus {
	border: 1px solid #83ACCA;
}
.page-url {
	padding-top: 20px;
}
.input-info {
	float: right;
	width: 360px;
	margin-top: -32px;
	line-height: 1.6;
	color: #777;
	font-style: italic;
	/* Opeara not rendering correctly */
}
.pass-info {
	margin: 10px 0;
	line-height: 1.6;
	color: #777;
}

#setup2 .subsect-content p {
	color: #777;
	padding: 3px 0;
	line-height: 1.6;
}
#setup2 code,
#setup2 blockquote textarea {
	color: #4097BF;
	font-size: 11px;
}
#setup2 blockquote,
#setup2 blockquote textarea {
	background: #fff;
	border: 1px solid #C1C1C1;
	padding: 10px;
	line-height: 2em;
	font-family: Monaco, Consolas, monospace;
}
#setup2 code span {
	color: #666666;
}
#setup2 blockquote textarea {
	margin: 0;
	padding: 0;
	width: 680px;
	border: none;
	border-color: #fff;
	height: 14em;
	overflow: visible;
}
#setup2.ie textarea { height: 12em !important; }

.setup-steps {
	margin-left: 50px;
}
p.setup-file {
	padding: 0 !important;
	margin-top: -5px;
}
.setup-file a:link, .setup-file a:visited {
	font-weight: bold;
	color: #9EC630;
	font-size: 1.2em;
	text-decoration: underline;
}
.setup-file a:hover, .setup-file a:active {
	font-weight: bold;
	color: #5989AC;
	font-size: 1.2em;
}

/* **/

/** FORM ERRORS */

.errorExplanation ul, #message {
	background-color: #F7E8DE;
	border-top: 1px solid #DF9981;
	border-bottom: 1px solid #DF9981;
	margin: 5px 0;
	padding: 5px;
	width: 300px;
	list-style: none;
	color: #C2390B;
}
.errorExplanation li, #message {
	background: #F7E8DE url(/images/error-icon.gif) no-repeat 5px 2px;
	padding: 0px 5px 0px 23px;
	list-style: none;
}
.correct {
	background: #F7FCF1 url(/images/correct-icon.gif) no-repeat 5px 7px;
	border-top: 1px solid #92B615;
	border-bottom: 1px solid #92B615;
	padding: 5px 5px 5px 23px;
	margin: 5px 0;
	width: 300px;
	color: #76940C;
}
p.warning {
	background: url(/images/icon-warning.gif) no-repeat;
	margin: 7px 5px 0 10px !important;
	padding: 1px 30px !important;
	color: #B0800E !important;
	font-size: .9em;
}
.warn {
	background: url(/images/logo-warning.gif) no-repeat;
	padding: 0 0 0 40px;
	line-height: 1.6;
}
.warn a:link, .warn a:visited {
	color: #B70A0A;
}
.warn a:hover, .warn a:active {
	background: #B70A0A;
	color: #fff;
	text-decoration: none;
}
.warn h4 {
	color: #B70A0A;
	margin-bottom: 10px;
}
.formError {
	color: #B70A0A;
	font-style: italic;
}

/* **/

/** ABOUT */

#about #main p {
	line-height: 1.6;
	padding: 8px 0;
}
.about-left {
	width: 475px;
	float: left;
	text-align: justify;
}
.about-quote {
	background: url(/images/about-quote.gif) no-repeat;
	height: 520px;
	width: 218px;
	float: left;
	margin: 10px 20px 0 0;
}
.about-quote p {
	text-indent: -9999em;
	overflow: hidden;
}

/* **/

/** haberler */

#testimonial { float: right; width: 480px; margin-top: 259px; }
.main-testimonial { background: url(/images/main-duyuru.gif) no-repeat; height: 385px; margin-top: 10px; }
.main-testimonial blockquote p { text-indent: -9999em; height: 140px; line-height: normal; padding: 0; }
.main-testimonial cite, .quote cite { font: bold normal 1.1em arial, sans-serif; color: #333; display: block; }
.cite-test { text-align: left; line-height: normal; padding: 10px 10px 0 10px; }
.quote .cite-test { padding: 10px 15px 15px 10px; }

#col1 { margin-top: 20px; float: left; }
#col1 .quote-top { background: url(/images/test-box-top.gif) no-repeat 0 top; height: 5px; }
#col1 .quote-bottom { background: url(/images/test-box-bottom.gif) no-repeat bottom; height: 5px; }
#col1 .quote { background: #e0eaf1; width: 371px; margin-bottom: 20px; }
.quote blockquote p { color: #6b99bb; font-style: italic; padding: 10px 20px; line-height: 1.6; font-size: 1.1em; }

#col1 { margin-top: 20px; float: left; }
#col1 .case-top { background: url(/images/case-box-top.gif) no-repeat 0 top; height: 5px; }
#col1 .case-bottom { background: url(/images/case-box-bottom.gif) no-repeat bottom; height: 5px; }
#col1 .case { background: #404040; width: 371px; margin-bottom: 20px; }
.case p { color: #ddd;  line-height: 1.6; font-size: 1.1em; }
.case h3 { color: #fff;  margin: 0; }
.case-body { padding: 10px 20px; }
.case p img { border: 1px solid #555; padding: 1px; margin-top: 5px; }
	
#col2 { float: right; margin-top: 20px; }
#col2 .quote-top { background: url(/images/test-box-top-right.gif) no-repeat 0 top; height: 5px; }
#col2 .quote-bottom { background: url(/images/test-box-bottom-right.gif) no-repeat bottom; height: 5px; }
#col2 .quote { background: #e0eaf1; width: 323px; margin-bottom: 20px; }
.intro { margin: 10px 0; height: 1%; }
.intro p { line-height: 1.7; color: #b0b0b0; font-size: 1.1em; }

#suits { margin: 0 !important; clear:both; }
#suits, #pretty, #works { margin: 20px 0; width: 716px; background: #a1c933 url(/images/about-sec-bg.gif) repeat-y; }
#suits p, #pretty p, #works p { color: #fff; line-height: 1.4; font-size: 1.1em; text-shadow: 2px 2px 1px #77b100; }
#pretty img, #pretty br, #works img, #works br { clear:both; }
.suit-left { float: left; width: 355px; }
.suit-left img, .suit-right img, #pretty img, #works img { float: left; padding: 0 10px 0 0; }
.suit-left p, .suit-right p { text-align: justify; }
.suit-body { padding: 10px; }
.suit-left h4, .suit-right h4, #pretty h4, #works h4 { color: #fff; font-size: 1.2em; text-shadow: 2px 2px 1px #77b100; }
.suit-right { float: right; width: 355px; }
#suits h3 { background: url(/images/heading-about-suits.gif) no-repeat; height: 39px; text-indent: -9999em; }
#pretty h3 { background: url(/images/heading-about-pretty.gif) no-repeat; height: 39px; text-indent: -9999em; }
#works h3 { background: url(/images/heading-about-works.gif) no-repeat; height: 39px; text-indent: -9999em; }
.about-bottom { background: url(/images/about-sec-bottom.gif) no-repeat bottom; height: 5px; }

/* **/

/** COMMENT FORM */

#cont p {
	margin-bottom: 10px;
}
.msgform li {
	list-style: none;
	padding: 5px 0;
}
.msgform input {
	border: 1px solid #9FC72C;
	padding: 5px;
	width: 200px;
}
.msgform input:focus, .msgform textarea:focus, .msgform .focus {
	border: 1px solid #83ACCA;
}
.msgform textarea {
	border: 1px solid #9FC72C;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 400px;
	height: 170px;
	background: #fff url(/images/textarea-bg.gif) no-repeat top right;
	background-attachment: scroll !important;
	background-attachment: fixed;
}

/* **/

/** REPORTS */

#sessions .subsect p {
	color: #777;
	font-style: italic;
}
#sessions .subsect-right {
	background: #fff;
	border-right: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	padding: 10px;
	margin-top: -30px !important;
	margin-top: -28px;
	margin-bottom: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	width: 250px;
	text-align: center;
}
#sessions .subsect-right strong {
	font-size: 1.3em;
}
#sessions .subsect-right .view-session {
	margin: 10px 0 0 70px ;
}
#sessions ul.reports {
	margin: 30px 0 0 20px;
}
#sessions .reports li {
	display: inline;
}
#sessions table {
	width: 85%;
}
#sessions img {
	border: 1px solid #ccc;
	padding: 1px;
	margin-left: 25px;
}

/* **/

/** MISC */

#profile label, #accountsetup label, #login label, #login p {
	margin-top: 10px;
}
#accountsetup label span { color: #B70A0A; }
label#remember-me { margin-top: 0; display: inline; font-weight: normal }
.reports a:link, .reports a:visited {
	background: url(/images/report-tab.gif) no-repeat;
	color: #fff;
	font-weight: bold;
	height: 28px;
	float: left;
	line-height: 28px;
	width: 94px;
	text-align: center;
	margin-bottom: 1px;
	text-decoration: none;
}
.reports a:hover, .reports a:active {
	background: url(/images/report-tab.gif) no-repeat 0 -28px;
}
li.active-tab a {
	background: url(/images/report-tab.gif) no-repeat 0 -28px !important;
	cursor: default;
}
.view {
	float: right;
	margin: 10px 40px 0 0 !important;
	margin: 5px 20px 0 0;
}
.view label {
	display: inline;
	padding: 0 6px 0 10px;
	font-style: normal;
	color: #404040;
}

/* **/

/** DASHBOARD STUFF */
/** DASHBOARD */

table.page-row-open td, table.page-row-open th, tr.on td {
	background:#B0C6D6 !important;
}
table.stretchtoggle:hover tr td {
	background-color: #D3E4A3;
}
table.stretchtoggle {
	margin-bottom: 1px;
	z-index: 100;
}
.dash-col1 {width:268px; padding-left:0 !important; padding-right:0 !important; text-indent:20px;} /* ie hacked */
.dash-col2 {width:165px; padding-left:0 !important; padding-right:0 !important; text-indent:20px;}
.dash-col3 {width: auto; padding-left:0 !important; padding-right:0 !important; text-indent:20px;}
.dash-col4 {width:165px; padding-left:0 !important; padding-right:0 !important; text-indent:20px;}
td.dash-col1 a {
	background: url(/images/page-row-arrow.gif) no-repeat center left;
	padding-left:12px;
}
td.dash-col1 a:hover,
table.page-row-open td.dash-col1 a,
table:hover td.dash-col1 a {
	background-image: url(/images/page-row-arrow-open.gif);
}
td.dash-col4 span {
	background: url(/images/page-row-running.gif) no-repeat center left;
	padding-left:16px;
	height:16px;
}
table.page-row-open td.dash-col4 span {
	background-image: url(/images/page-row-running-open.gif);
}

th.dash-col4, td.dash-col4 {border-right: none !important;}

/* **/
/** PAGE */

.page-stretcher {background: #fff;}
.page-manage {
	position:relative;
	float:left;
	width:260px;
	overflow:hidden;
}
.page-manage .content {
	margin:10px;
}
.page-manage p {margin: 0.5em 0 0 1em;}
.page-manage p.url {margin: 0;}
.page-sessions {
	position: relative;
	border-left: 1px solid #ddd;
	margin: 10px 0px 10px 268px; /* ie hacked */
}

/* **/
/** SESSION */

.page-session {
	margin:10px; /* ie hacked */
	position:relative;
	width:410px;
}
.page-session .active {
	padding-bottom:0px;
	background: #DEE8F0 url(/images/test-top.gif) no-repeat top center;
}
.page-session .active .summary {
	margin-bottom:8px;
}
.page-session .active .content {padding:10px; padding-bottom:0;}
.test-bottom {
	background: #DEE8F0 url(/images/test-bottom.gif) no-repeat bottom center;
	height:10px;
}

/* **/
/** VERSION */

.version {
	width:auto;
	margin-left:166px;
}
.inactive .version {
	width:auto;
	margin-left: 90px;
}

.active .version .description {
	padding-bottom:29px;
	color:#666 !important;
}

/* **/
/** SNAPSHOT */

.snapshot-thumb img{
  margin: 0 0;
  padding: 0 0;
  border: 0;
}
.snapshot-thumb {
	position:relative;
	float:left;
/*	margin-left:-90px;*/
	background-color: black;
	padding: 0 0;
	overflow: hidden;
	border: 1px solid #9BA3A7;
	border-left-color: #eee;
	border-top-color: #eee;
}
.active .snapshot-thumb {
/*	margin-left:-175px;*/
	border-left-color: #D6DADE;
	border-top-color: #D6DADE;
	border-right-width: 2px;
	border-bottom-width: 2px;
}

.loading {
	background-image: url(/images/spinner_large_button.gif) no-repeat !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}
.session-actions .button {
	float:right;
}
.inactive .clicks {
	float:right;
	font-size: .9em; 
}

div.actions a.blink {float: right;}

/* **/
/** INPLACE EDITOR */

form.inplaceeditor-form textarea {
	width:90%;
	text-align: left;
	border: 1px solid #FFFFFF;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.inactive form.inplaceeditor-form textarea {background-color:#F6F6F6;border-color:#DDDDDD;}
.active   form.inplaceeditor-form textarea {background-color:#D7E0E5;}
form.inplaceeditor-form input,
form.inplaceeditor-form a {
	color:           #8ABC00 !important;
	font-size:       1em;
	font-weight:     bold;
	margin-right:    0.25em;
	padding:         0px;
	
	background:      none;
	border:          none;
	font-style:      none !important;
	text-decoration: none;
	cursor:          pointer;
	
	position:        relative;
}
/*form.inplaceeditor-form input {
	border-right: 1px solid #333 !important;
	padding-right: 0.25em;
	top: 1px;
	position:relative;
}*/
form.inplaceeditor-form a {
	color:#954D2B !important; 
	border-left: 1px solid #333 !important;
	padding-left: 0.5em;
/*	top: 1px;*/
/*	position:relative;*/
}

.inplaceeditor-saving, .inplaceeditor-loading {
	background: url(/images/spinner-blue.gif) no-repeat center right !important;
	padding: 10px 20px 10px 0px;
}
.inactive .inplaceeditor-saving, .inactive .inplaceeditor-loading {
	background: url(/images/spinner.gif) no-repeat center right !important;
}

span.in_place_editor_field:hover {background: #FFFF99 !important;}

/* **/
/* **/

/** NEW PAGE */

#create_test h3 {margin-bottom:15px;}
#create_test h4, #create_test h4 label {color:#333333; font-weight:bold;  font-size: 1.05em;}
#create_test h4 {margin-bottom:5px;}
#create_test .subsect-content {
	padding: 20px;
}
.either {
	float:left;
}
.either input {text-align: right;}
.or {
	text-indent: -9999em;
	overflow: hidden;
	background: url(/images/or.gif) no-repeat;
	height: 51px;
	float:left;
	
	margin: -5px 15px 0px 15px !important;
	display: block;
	text-decoration: none;
	height: 51px;
	width: 22px;
}
#create_test label { font-weight: normal; font-size: .9em; color:#666666;}

/* **/

/** HELP BUBBLE */

.helpbubbled {
	float:left;
	display:block;
	position:relative;
	clear:left;
	z-index: 100;
}
.helpbubbled label {margin:0; padding:0;}

.help-mark {
	text-indent: -9999em;
	overflow: hidden;
	background: url(/images/button-help-mark.gif) no-repeat;
	height: 19px;
	position:absolute !important;
	right:-20px;
	top:0px;
}
.help-mark a {
	display: block;
	text-decoration: none;
	height: 19px;
	width: 18px;
}

.helpbubble {
	top:-40px;
	right:-379px;
	position:absolute !important;
	z-index:100;
	
	font: 12px "Trebuchet MS", Verdana, sans-serif !important;
	line-height:14px;
}
.helpbubble .content {
	background: url(/images/help-top.png) no-repeat top left;
	width:358px;
}
.helpbubble h4 {
	padding-top:5px;
	padding-left:22px;
	
	color: #FFFFFF !important;
	text-transform: uppercase;
	text-shadow: 2px 2px 1px #6DA918;
	font-size: 1.25em !important;
}
.helpbubble h4 a {
	text-indent: -9999em;
	float:right;
	display:block;
	position:relative;
	width:28px;
	height:28px;
}
.helpbubble p {
	padding: 5px 15px 5px 32px;
	color:#587729;
	text-shadow: 2px 2px 1px #A8CD53;
}
.helpbubble .bottom {
	background: url(/images/help-bottom.png) no-repeat bottom left;
	width:358px;
	height:7px;
/*	margin-top:-11px;*/ /*TODO: Test this in IE 7 beta*/
}

/* **/

/** OVER NUMBER */

#over table th,
#over table td {
	padding: 5px 10px;
}
#over table td a {
	font-size: 85%;
}

.nobr {white-space: nowrap;}

#update_options {
	margin:1.5em auto;
	font-size: 1.1em;
	width:370px;
}
.upgrade-your-account {
	text-indent: -9999em;
	overflow: hidden;
	background: url(/images/button-upgrade-your-account.gif) no-repeat;
	height: 33px;
}
.upgrade-your-account a {
	display: block;
	text-decoration: none;
	height: 33px;
	width: 160px;
}

#over .or {
	margin-top:-10px !important;
}
#over .on *{
	color:#222;
}

#over p {
	text-align: center;
}

input.disabled {
	opacity: 0.75;
	-moz-opacity: 0.75;
	cursor:default !important;
}

/* **/

/** WELCOME */

.welcome-left123 {
  width:300px;
}  
.welcome-left123 h3 {
	padding-top: 20px;
	margin-left: 45px;
}
.welcome-left123 p {
	margin-left: 45px;
	clear: left;
}

.subsectmini {
	width:350px;
	margin-top:18px;
}
.orange {
	background: url(/images/welcome-right-bg-gradient.gif) repeat-x top;
	float:right;
	color:#C49C2B;
}
.blue {
	background: url(/images/welcome-left-bg-gradient.gif) repeat-x top;
	color:#6C849F;
}

.subsectmini p {
	margin:10px;
}
.subsectmini ul {
	font-weight: bold;
	margin: 10px 10px 0px 30px;
}
.subsectmini li {
	padding:0 !important;
	margin-bottom:5px;
}

.orange ul {
	list-style-image: url(/images/arrow-orange.gif);
	color:#937436;
}
.blue ul {
	list-style-image: url(/images/arrow-blue.gif);
	color:#21466F;
}

.subsectmini h3 {
	text-indent: -9999em; 
	background-repeat: no-repeat; 
	height:28px;
}
h3.what-do-the-results-tell-me {
	background-image: url(/images/what-do-the-results-tell-me.gif);
	color:#7C3511;
}
h3.what-should-i-test-for {
	background-image: url(/images/what-should-i-test-for.gif);
	color:#054980;
}


/* **/

/** Support Request  */

#support_request {
	position: absolute;
	width: 99%;
	top: 0px;
	left: 0px;
	text-align: left;
}
#support_request .content {
	margin: 50px auto;
}
.popin .content {
	background: #D3E69F;
	border: 2px solid #6DA918;
	outline: 1px solid #fff;
	width: 320px;
	padding: 10px;
}
.popin h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0;
	color: #fff;
	text-shadow: 2px 2px 1px #6DA918;
}
.popin p,
.popin label,
#support_request_subject,
.popin textarea {
	padding: 0;
	margin: 0;
	width: 320px;
}
.popin label {
	padding: 0.25em 0;
	color: #6DA918;
}
#support_request img {
	vertical-align: bottom;
}
#support_request .buttons {
	text-align: center !important;
}
#support_request_info {
	font-weight: bold;
}

del, .del, .del a { text-decoration: none; text-decoration: line-through; color: #666;}

/* /Support Request **/