@charset "utf-8";
/* CSS Document */

/*/// <summary>

/// *************************************************************************************************************

/// MAIN MODULE:              AskforExpert

/// SUB MODULE :              css

/// AUTHOR:                   Chandika Jayawardena.

/// CREATED:                  10-June-2009

/// DESCRIPTION:              This module contained all the styles of the user interfaceses

/// MODIFICATION HISTORY:     1.0     14-June-2009      Initial Version

/// COPYRIGHT:                Copyright csolutionsinfo.com. All Rights Reserved

/// *************************************************************************************************************

/// </summary>

*/

/* COMMON STYLES BEGIN ############################################## */

body { margin:0px; background-color:#fff; background-image:url(../images/bg.gif); background-repeat:repeat-x; }

.placeholder { width:976px;height:auto; margin:0 auto; }

.innerplaceholder { float:left; width:976px;height:auto; }

.wrapper { float:left; width:976px; height:auto; background-image:url(../images/pagemiddlebg.gif); background-repeat:repeat-y; }

.wrapper .container { float:left; width:976px; height:auto; background-image:url(../images/pagetopbg.gif); background-repeat:no-repeat; background-position:0 0; }

.textbox { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; color:#000000; border:1px solid #a0a0a0; }

.combobox { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; color:#acacac; border:1px solid #a0a0a0; }

.pageshadow { background-image:url(../images/pagemiddlebg.gif); background-repeat:repeat-y; }

.comboboxtrans { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; color:#000000; background-color:#fff; border:1px solid #a0a0a0; }

.buttondiv { width:139px; height:25px; background-image:url(../images/buttonbg.png); background-repeat:repeat-x; border:0px solid #bcbcbc; }
	
.buttondiv a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#2c2d2f; font-size:8pt; padding-top:3px; display: block; text-decoration:none; width:90%; margin:0 auto; text-transform:capitalize; }

.buttondivdefault { font-family:Verdana,Arial,Helvetica, sans-serif; font-size:8pt; font-weight:bold; width:119px; height:25px; background-image:url(../images/buttonselectedbg.png); background-repeat:repeat-x; border:0px solid #bcbcbc; }
	
.buttondivdefault a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#2c2d2f; font-size:8pt; padding-top:3px; display: block; text-decoration:none; width:90%; margin:0 auto; text-transform:capitalize; font-weight:bold; }

.buttondivnonebg { width:139px; height:25px; }

.buttondivnonebg a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#2c2d2f; font-size:8pt; padding-top:3px; display: block; text-decoration:none; width:90%; margin:0 auto; text-transform:capitalize; font-weight:bold; }

/* SUB PAGE CONTAINER STYLES */

.container .subpage { width:916px; height:auto; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:8pt; }

.subpage .subpagecontainer { margin-top:2px; float:left; width:916px; height:auto;  }

.subpagecontainer div { width:900px; margin:0 auto; margin-top:5px; }

.subpagecontainer .pageheading { font-family:Verdana, Arial, Helvetica, sans-serif; color:#0567ae; font-size:25px; width:70%;
border-bottom:1px dotted #0567ae; padding-top:0px; margin:0px; margin-left:7px; font-weight:bold;  }

.subpagecontainer h3 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#078405; font-size:11pt; }
/* COMMON STYLES END ############################################### */

.subpagecontainer ol, .subpagecontainer p { font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:8pt; line-height:18px; }

.subpagecontainer ol, .subpagecontainer p { font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:8pt; line-height:18px; }

.subpagecontainer ul { list-style-image:url(../images/bulleticon.png); margin:0px; padding:0px; margin:2px;  }
		
.subpagecontainer ul LI { margin: 7px 7px 7px 25px; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; }
		
.subpagecontainer ul LI a { color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; text-decoration:underline; }
		
.subpagecontainer ul LI a:hover { color:#0567ae; text-decoration:none; }

.subpagecontainer .subcontent { width:650px; height:auto; float:left; }
	
/* COMMON STYLES END ############################################### */



/* HEADER STYLES BEGIN ############################################## */

.container .header { margin:0 auto; width:934px; height:145px; background-image:url(../images/headerbg.gif); background-repeat:repeat-x; }

.header .topbar { width:930px; height:101px; float:left; }

.topbar .logo { width:200px; height:101px; float:left; }

.topbar .solgon { width:478px; height:101px; float:left; }

.solgon p { text-align:center; font-family:arial; font-size:10pt; color:#fff; line-height:18px; margin-top:30px; font-weight:bold;  }

.solgon p span { width:50px; float:left; }

.topbar .cpanel { width:250px; height:101px; float:right; }

.cpanel .topmenu { float:right; width:244px; height:20px; background-image:url(../images/topmenubg.png);  background-repeat:no-repeat; }

.cpanel .qpanel { float:right; width:201px; height:46px; background-image:url(../images/qpanelbg.png);  background-repeat:no-repeat; margin-top:27px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:bold; }

.topmenu a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; font-size:8pt; } 

.topmenu a:hover { text-decoration:underline; color:#0568ac; }

.header .mainmenu { width:934px; height:38px; float:left; background-image:url(../images/menubarbg.png); background-repeat:repeat-x; }

/* HEADER STYLES END ############################################### */



/* MIDDLE CONTAINER STYLES BEGIN ############################################### */

.container .middlecontainer { width:916px; height:auto; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:8pt; }

/* NEWS TEASER STYLES */
.middlecontainer .newsteaser { float:left; width:606px; height:87px; background-image:url(../images/newsteaserbg.gif); background-repeat:no-repeat;  }

.newsteaser .imageicon { float:left; width:45px; height:65px; margin-top:10px; margin-left:5px; }

.newsteaser .content { float:left; width:540px; height:65px; margin-top:10px; margin-left:5px; line-height:18px; }

.newsteaser  a { font-weight:bold; color:#078405; text-decoration:underline; }

.newsteaser a:hover { font-weight:bold; color:#333333; text-decoration:none; }

/* TIPSSTYLES */
.middlecontainer .tips { margin-left:5px; float:left; width:302px; height:88px; background-image:url(../images/needprofessionalbg.gif); background-repeat:no-repeat; }

.tips .imageicon { float:left; width:41px; height:65px; margin-top:10px; margin-left:4px; }

.tips .content { float:left; width:245px; height:65px; margin-top:10px; margin-left:4px;  line-height:16px; }

.tips  a { color:#078405; text-decoration:none; font-size:8pt; font-weight:bold; }

.tips a:hover { color:#333333; text-decoration:none; font-size:8pt; font-weight:bold; }


/* TAB CONTAINER STYLES */
.middlecontainer .tabcontainer { margin-top:5px; float:left; width:610px; height:335px;  }

.tabframe { height:241px;width:auto;margin:10px; margin-top:30px; border:1px solid #fff; background-image:url(images/innertabframe.png); background-repeat:repeat-x; }


/* EXPERT CONTAINER STYLES */
.middlecontainer .expertscontainer { margin-top:30px; margin-left:5px; float:left; width:296px; height:310px; background-image:url(../images/expertbg.gif); background-repeat:no-repeat; }

.expertscontainer .slide { height:250px; width:280px; margin:0 auto; margin-top:10px; }

/* SERVICES AND QUESTIONS NUGGET STYLES */
.middlecontainer .servicesnugget { margin-top:10px; float:left; width:298px; height:295px; background-image:url(../images/servicesbg.gif); background-repeat:no-repeat; }

.middlecontainer .questionssnugget { margin-top:10px; margin-left:7px; margin-right:7px; float:left; width:298px; height:295px; background-image:url(../images/servicesbg.gif); background-repeat:no-repeat; }

.data { height:195px; width:257px; margin:0 auto; }

.data a { color:#03010c; text-decoration:none; font-weight:bold; }

.data a:hover { color:#fc7617; text-decoration:underline; font-weight:bold; }

.moredata { height:20px; width:257px; margin:0 auto; margin-top:6px; }

.innerholder { height:239px; width:280px; margin:0 auto; margin-top:10px; background-image:url(../images/innerholderbg.gif); background-repeat:no-repeat; }

/* ADVISE NUGGET STYLES */
.middlecontainer .advicenugget { margin-top:10px; float:left; width:298px; height:295px; background-image:url(../images/servicesbg.gif); background-repeat:no-repeat; }

.title { height:20px; width:282px; margin:0 auto; margin-top:20px; font-size:10pt; color:#2d2e30; font-weight:bold; }

.advicenugget p { width:180px; height:60px; margin-left:40px; padding-top:10px; color:#2e2e30; }

.advicenugget a { color:#078405; text-decoration:none; font-weight:bold; }

.advicenugget a:hover { color:#333333; text-decoration:underline; font-weight:bold; }

.advicenugget .itemholder1 { height:72px; width:280px; margin:0 auto; margin-top:10px; background-image:url(../images/itemholder1.png); background-repeat:no-repeat; }

.advicenugget .itemholder2 { height:72px; width:280px; margin:0 auto; margin-top:8px; background-image:url(); background-repeat:no-repeat; }

.advicenugget .itemholder3 { height:72px; width:280px; margin:0 auto; margin-top:8px; background-image:url(../images/itemholder3.png); background-repeat:no-repeat; }

/* GOOGLE ADDS NUGGET STYLES */
.middlecontainer .gaddsnugget, .subpage .gaddsnugget { margin-top:10px; float:left; width:914px; height:115px; background-image:url(../images/gaddsbg.gif); background-repeat:no-repeat;  }

.gaddsnugget div { width:900px; margin:0 auto; margin-top:15px; }

/* MIDDLE CONTAINER STYLES END ################################################# */



/* FOOTER STYLES BEGIN ############################################### */

.container .footerlinks { width:914px; height:25px; margin:0 auto; background-image:url(../images/footerroundbg.gif); background-repeat:no-repeat; margin-top:4px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#004473; text-align:center; }

.footerlinks div { width:914px; height:auto; border:1px ssolid #e5f0f7; padding-top:5px; }

.footerlinks a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#004473; text-decoration:underline; }

.footerlinks a:hover { color:#333333; text-decoration:none; }

/* FOOTER STYLES END ################################################ */



/* PAGE BOTTOM STYLES BEGIN ############################################## */

.pagebottom { float:left; width:976px; height:16px; background-image:url(../images/pagefooterbg.gif);  background-repeat:no-repeat; background-position:0 0; }

.bottomlinks { float:left; width:976px; height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; }

.bottomlinks a { color:#0568ac; text-decoration:underline; }

.bottomlinks a:hover { color:#000000; text-decoration:none; }

.bottomlinks .copyright { float:left; margin-left:15px; width:45%; height:20px; color:#000000; }

.bottomlinks .terms { float:right; margin-right:17px; width:45%; height:20px; text-align:right; color:#0568ac; }

/* PAGE BOTTOM STYLES END ############################################### */