/* diarybook 
support: steven@ecom-ireland.ie
*/

@import url("misc.css");

/**************** body ****************/
body {text-align:center; background: #e8eff4; font-family: Verdana, Arial, sans-serif; font-size: 7.5pt; line-height: 12pt; color: #5b5b5b;}

/**************** main structural divs ****************/
#wrap {margin: 0 auto; width: 940px; background: url(../images/bg/wrap-mid.jpg) repeat-y center center #e8eff4; text-align:left;}
#head {height:145px; position: relative; background: url(../images/bg/wrap-top.jpg) no-repeat top center;}
#menu {height: 45px; position: absolute; bottom: 0; left: 20px;}
#main {margin: 0 auto; width: 880px; margin-top: 10px;}
#left {float:left; width:560px; padding: 0 10px; margin-top: 20px; border-right: 1px dotted #cdcdcd;}
#right {float:right; width:270px; padding-right: 10px; margin-top: 20px;}
#footer {clear:both; margin: 0 auto; width: 900px; padding: 30px 40px; background: url(../images/bg/wrap-bot.jpg) no-repeat top center; text-align:left;}

/**************** general divs ****************/
#logo {float:left; margin: 25px 0 0 30px; width: 310px; height: 60px; text-indent: -10000px;  background: url(../images/logo.jpg) no-repeat top left;}
#top-login {float:right; margin: 25px 30px 0 0; width: 331px; height: 55px; background: url(../images/bg/top-login.jpg) no-repeat top left;}
#submenu {margin: 0 auto; width: 880px; height: 15px; padding: 10px; background: #e6edf2; border-top: 2px solid #ccdae4;}
#fullpage {padding: 0 10px;}
#promo {margin: 0 auto; height: 341px; width: 880px; text-align: left;}
.leftcol {float:left; width:270px; padding-right: 10px;}
#specialofferbox {width:280px; height: 65px; text-align: center; padding-top: 160px; background: url(../images/bg/specialofferbox.jpg) no-repeat top center;}
#needhelpbox {padding: 160px 0 0 15px; width:265px; height: 65px; background: url(../images/bg/needhelpbox.jpg) no-repeat top center;}
#chatnowbox {padding: 160px 0 0 15px; width:265px; height: 65px; }
#blockbox {margin: 10pt 0; padding: 10px; background: url(../images/bg/blockbox.jpg) no-repeat top right #e6edf2; border: 1px solid #ccdae4;}

/**************** menu ****************/
#menu ul {list-style:none; width: 900px; height: 45px; background: url(../images/bg/menu.jpg) repeat-x top center;}
#menu ul li {float: left; display:block; width: 180px; height: 45px;}
#menu ul li a {display: block; width: 180px; height: 45px; text-indent: -10000px;}
#menu ul li a:hover {background-position: 0 -45px;}
.menu_home a {background: url(../images/menu/menu_home.jpg) no-repeat;}
.menu_register a {background: url(../images/menu/menu_register.jpg) no-repeat;}
.menu_pricing a {background: url(../images/menu/menu_pricing.jpg) no-repeat;}
.menu_features a {background: url(../images/menu/menu_features.jpg) no-repeat;}
.menu_aboutus a {background: url(../images/menu/menu_aboutus.jpg) no-repeat;}
#selected a {background-position: 0 -45px;}

/**************** general text ****************/
p {margin-bottom: 10pt;}

.bluetxt {color: #316588;}

/**************** headings ****************/
h1, h2, h3	{margin-bottom: 5pt; font-weight: bold; font-family: Arial, sans-serif;  font-size: 13pt; line-height: 13pt; color: #316588;}
h3 {font-size: 10pt;}

.leftcol h3 {margin-bottom: 0;}

/* feat headings divs */
#title_personal {background: url(../images/bg/title_personal.jpg) no-repeat;}
#title_personal h2 {margin-left: 30px;}

/**************** links ****************/
#logo a {display: block; width: 280px; height: 60px;}

#submenu a:link {padding: 0 10px; font-weight: bold; color: #316588;}
#submenu a:visited {padding: 0 10px; font-weight: bold; color: #316588;}
#submenu a:hover {padding: 0 10px; font-weight: bold; color: #488ec0;}

#left a:link,#left a:visited,#left a:hover,#fullpage a:link,#fullpage a:visited,#fullpage a:hover,#footer a:link,#footer a:visited,#footer a:hover {color:#f8a848}
#left a:link,#left a:visited,#fullpage a:link,#fullpage a:visited,#footer a:link,#footer a:visited {text-decoration:none}
#left a:hover,#fullpage a:hover,#footer a:hover {text-decoration:underline}

.generallink {color:#f8a848; text-decoration:none;}

/**************** btns ****************/
.chatnowbtn {display:block; width: 70px; height: 20px; text-indent: -10000px; background: url(../images/btns/chat-now.gif) no-repeat top left;}
.registerbtn {float:left; display:block; width: 121px; height: 33px; text-indent: -10000px; background: url(../images/btns/register.png) no-repeat top left;}
.registerbtn:hover {background-position: 0 -33px;}
.pricingbtn {float:left; display:block; width: 121px; height: 33px; text-indent: -10000px; background: url(../images/btns/pricing.png) no-repeat top left;}
.pricingbtn:hover {background-position: 0 -33px;}
.loginbtn {display:block; width: 50px; height: 20px; text-indent: -10000px; background: url(../images/btns/login.gif) no-repeat top left;}
.loginbtn:hover {background-position: 0 -20px;}

/**************** imgs ****************/
.bannerimg {margin-bottom: 5px;}

#supportbtn {float:right; width: 100px; margin-left: 20px;}

.leftcol img {padding: 2px; margin-bottom: 10px; border: 1px solid #eee; display: block;}

.imgr {float:right; padding: 2px; margin: 10px; border: 1px solid #eee; display: block;}

/**************** lists ****************/
.ticked {list-style-type: none; margin: 10pt 0;}
.ticked li {padding: 0 0 10px 20px; background: transparent url("../images/icons/check.gif") no-repeat; background-position:0 5px;}

.examplelist {list-style-type: none; margin: 10pt 0;}
.examplelist li {padding-bottom: 10px; font-weight: bold; color: #316588;}

.conversationlist {list-style-type: none; margin: 10pt 0;}
.conversationlist li {padding-bottom: 10px; font-weight: bold;}

.dbconvo {color: #316588; padding: 0 0 10px 22px; background: transparent url("../images/icons/dbconvo.png") no-repeat; background-position:0 5px;}
.userconvo {color: #f8a848; padding: 0 0 10px 22px; background: transparent url("../images/icons/userconvo.png") no-repeat; background-position:0 5px;}

/**************** forms ****************/
#top-login input {vertical-align:middle;}
.top-login-txtbox {width: 120px; font-size: 10px; line-height: 10px; padding: 5px; border: 1px solid #386d90; color: #386d90; background: url(../images/bg/top-login-txtbox.jpg) repeat-x top left #e8eff4;}

/**************** tables ****************/
#top-login table {width: 310px; margin: 12px auto; color: #fff;}
#top-login table td {vertical-align:middle;}

#feattable {width:100%;}
#feattable td {vertical-align: top; padding: 5px; border:1px solid #e3f1fe;}
#feattable .outline td {background:#f4f9fe;}

#supporttable {width:100%; margin: 10pt 0;}
#supporttable td {vertical-align: top; padding: 5px; border:1px solid #e3f1fe;}
#supporttable .outline td {background:#f4f9fe;}

#stafftable {width:100%; margin-bottom: 10pt;}
#stafftable td {vertical-align: top; padding: 5px; border:1px solid #e3f1fe;}
#stafftable .outline td {background:#f4f9fe;}
#stafftable .staffimg {vertical-align: middle; text-align: center; width: 110px;}

/* pricetable */
.divPriceTable { padding: 0px; margin: 0px; }
.divPriceHeader { height: 120px; text-align:center; font:bold 1.4em/2em Arial,Helvetica,sans-serif;	color:#316588; float: left; display: block; margin: 0px; padding: 2px; border-top:1px solid #e3f1fe; border-right:1px solid #e3f1fe; border-left:1px solid #e5eff8; border-collapse:collapse;	}
.divPriceRow { padding: 0px; margin: 0px; clear: both; overflow: auto; text-align: center; color: #316588; }
.divPriceGen { float: left; height: 18px; display: block; margin: 0px; padding: 2px; border-top:1px solid #e3f1fe; border-right:1px solid #e3f1fe; border-left:1px solid #e5eff8; border-collapse:collapse; }
.divOdd { background: white; }	
.divEven { background:#f4f9fe; }
.divSubHeader { padding: 3px 10px; background:#66a3d3; color: #fff; font:bold 1.4em/2em Arial,Helvetica,sans-serif; text-align:left; } 
.divPriceCol1 { width: 260px; text-align: left; }
.divPriceStarter { width: 112px; background:#e9f3fd; }
.divPriceBronze { width: 112px; }
.divPriceSilver { width: 112px; }
.divPriceGold { width: 112px; }
.divPricePlatinum { width: 115px;}
.divPriceApp { }
.divPriceEvt { }
.divPriceAtt { }
.divPricePer { }
/* register */
#register {width: 520px; height: 260px; padding: 20px; background: url(../images/bg/register.jpg) no-repeat; }
#register table {margin: 0 auto;}
#register table td {vertical-align: top; padding: 3px;}

/* logon */
#logon {width: 520px; height: 260px; padding: 20px; background: url(../images/bg/logon.jpg) no-repeat; }
#logon table {margin: 0 auto;}
#logon table td {vertical-align: top; padding: 3px;}

/* contactform */
#contactform {width: 520px; height: 260px; padding: 20px; background: url(../images/bg/register.jpg) no-repeat; }
#contactform table {margin: 0 auto;}
#contactform table td {vertical-align: top; padding: 3px;}


/* dermot */
.menu_idx {
	float: right;
	padding: 30px 50px 0px 10px;
	text-align: right;
	vertical-align: middle;
}
.menu_idx a {
	text-decoration: none;
	color: #003366;
}
.menu_idx a:hover {
	color: #0033CC;
}

/**************** menu ****************/
/* making menu runat=server. So can't use #menu - need class menu*/
.menudiv {height: 45px; position: absolute; bottom: 0; left: 20px;}
.menudiv ul {list-style:none; width: 900px; height: 45px; background: url(../images/bg/menu.jpg) repeat-x top center;}
.menudiv ul li {float: left; display:block; width: 180px; height: 45px;}
.menudiv ul li a {display: block; width: 180px; height: 45px; text-indent: -10000px;}
.menudiv ul li a:hover {background-position: 0 -45px;}

/* contactform */
/* making contactform into a asp:Panel so need to use class instead of IDs */
.contactform {width: 520px; height: 260px; padding: 20px; background: url(../images/bg/register.jpg) no-repeat; }
.contactform table {margin: 0 auto;}
.contactform table td {vertical-align: top; padding: 3px;}

/* class equiv of id */
.bluebox {margin: 10pt 0; padding: 10px; background: url(../images/bg/bluebox.jpg) no-repeat top right #e6edf2; border: 1px solid #ccdae4;}
.blockbox {margin: 10pt 0; padding: 10px; background: url(../images/bg/blockbox.jpg) no-repeat top right #e6edf2; border: 1px solid #ccdae4;}
.blockboxsml {margin: 10pt 0; padding: 10px; background: url(../images/bg/blockboxsml.jpg) no-repeat top right #e6edf2; border: 1px solid #ccdae4;}
.talkbox {margin: 10pt 0; padding: 10px; background: url(../images/bg/talkbox.jpg) no-repeat top right #e6edf2; border: 1px solid #ccdae4;}
.warnbox {margin: 10pt 0; padding: 10px; background: url(../images/bg/warnbox.jpg) no-repeat top right #e6edf2; border: 1px solid #ccdae4;}
.lockbox {margin: 10pt 0; padding: 10px; background: url(../images/bg/lockbox.jpg) no-repeat top right #e6edf2; border: 1px solid #ccdae4;}