/* -------------------------------------------------------------------------------
Title : Loud Post 
Author : devdatt gurjar
URL : http://www.LoudLaunch.com/

Created : Octomber 16, 2006
Modified : Octomber 17, 2006
------------------------------------------------------------------------------- */
/* -----------------------------------------
   Screen styles
-------------------------------------------- */
*
{
	margin: 0;
	padding: 0;
}
body
{
	background: #FFFFFF url(../images/bg.gif) repeat-x;
	voice-family: inherit;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
a
{
	text-decoration: none;
	color: #333333;
}
.Clear
{
	clear: both;
}

div#HelpTitle, div#HelpShortDescription
{
margin: 5px 5px 5px 5px;
display: none;
border: solid, 2px, black;
background: whitesmoke;
letter-spacing: 1px;
}

.CampaignHelp
{
    background-color:#F8F8FF;
    font-size:7pt;
    margin: 5,5,5,0;
}


/* -----------------------------------------
   Layout
-------------------------------------------- */
#page
{
	width: 950px;
	margin: auto;
}
#Today
{
	height: 22px;
	background: url(../images/icon-clock.gif) no-repeat;
	color: #FFFFFF;
	float: right;
	padding: 9px 0 0 28px;
}
#Header
{
	height: 90px;
}
#Logo
{
	height: 82px;
	width: 238px;
	float: left;
	margin: 7px 0 0 7px;
}
#Logo h2
{
	height: 82px;
	width: 238px;
	background: url(../images/loud-launch.gif) no-repeat;
}
#Logo a
{
	width: 238px;
	height: 82px;
	display: block;
}
#Logo h2 a strong, #Navigration li a strong, #NavA li a strong, #Advertiser h2 strong, #Bloggers h2 strong, #Summery h2 strong, #BannerA h2 strong, #BannerB h2 strong
{
	display: none;
}
#LoginBox
{
	background: url(../images/i-login.gif) no-repeat;
	padding: 25px 0 0 0;
	float: right;
	margin: 25px 20px 0 0;
	display: inline;
}
#LoggedBox
{
	float: right;
	margin: 25px 20px 0 0;
	display: inline;
	text-align: right;
}
.L1
{
	padding-bottom: 5px;
}


.Minput, .MinputWM
{
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	width: 100px;
	background: #F3F3F3;
	border: 1px solid #333;
	padding: 4px;
}

.MinputWM
{
	color: darkgray;
}
.Minpass, .MinpassWM
{
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	width: 60px;
	background: #F3F3F3;
	border: 1px solid #333;
	padding: 4px;
	margin-left: 3px;
}
.MinpassWM
{
	color: darkgray;
}

.LogButton
{
	background: url(../images/icon-login.gif) no-repeat 0px 3px;
	height: 27px;
	width: 25px;
	border: none;
	cursor: pointer;
	margin-left: 3px;
}

/* Main Navigration */
#Navigration
{
	height: 48px;
}
#Navigration li
{
	list-style: none;
	display: inline;
}
#Navigration li a
{
	display: block;
	float: left;
	width: 123px;
	height: 48px;
	cursor: pointer;
}

.Home
{
	background: url(../images/home.gif) no-repeat;
}
.Advertiser
{
	background: url(../images/advertiser.gif) no-repeat;
}
.Bloggers
{
	background: url(../images/bloggers.gif) no-repeat;
}
.faq
{
	background: url(../images/faq.gif) no-repeat;
}
.SignUp
{
	background: url(../images/sign-up.gif) no-repeat;
}
.Login
{
	background: url(../images/login.gif) no-repeat;
}
.FreePress
{
	background: url(../images/free-press.gif) no-repeat;
}

.Home:hover
{
	background: url(../images/home-o.gif) no-repeat;
}
.Advertiser:hover
{
	background: url(../images/advertiser-o.gif) no-repeat;
}
.Bloggers:hover
{
	background: url(../images/bloggers-o.gif) no-repeat;
}
.faq:hover
{
	background: url(../images/faq-o.gif) no-repeat;
}
.SignUp:hover
{
	background: url(../images/sign-up-o.gif) no-repeat;
}
.Login:hover
{
	background: url(../images/login-o.gif) no-repeat;
}
.FreePress:hover
{
	background: url(../images/free-press-o.gif) no-repeat;
}

.Home-o
{
	background: url(../images/home-o.gif) no-repeat;
}
.Advertiser-o
{
	background: url(../images/advertiser-o.gif) no-repeat;
}
.Bloggers-o
{
	background: url(../images/bloggers-o.gif) no-repeat;
}
.faq-o
{
	background: url(../images/faq-o.gif) no-repeat;
}
.SignUp-o
{
	background: url(../images/sign-up-o.gif) no-repeat;
}
.Login-o
{
	background: url(../images/login-o.gif) no-repeat;
}
.FreePress-o
{
	background: url(../images/free-press-o.gif) no-repeat;
}

/* Advertisers Navigration */
#NavA
{
	height: 48px;
}
#NavA li
{
	list-style: none;
	display: inline;
}
#NavA li a
{
	display: block;
	float: left;
	cursor: pointer;
	height: 48px;
}

.Home-c
{
	background: url(../images/home-c.gif) no-repeat;
	width: 88px;
}
.CreateCampaign
{
	background: url(../images/create-campaign.gif) no-repeat;
	width: 173px;
}
.ManageCampaigns
{
	background: url(../images/manage-campaigns.gif) no-repeat;
	width: 183px;
}
.AccountInfo
{
	background: url(../images/account-info.gif) no-repeat;
	width: 130px;
}
.Finances
{
	background: url(../images/finance.gif) no-repeat;
	width: 107px;
}
.LiveCampaigns
{
	background: url(../images/live-campaingns.gif) no-repeat;
	width: 151px;
}
.MyBlogs
{
	background: url(../images/my-blogs.gif) no-repeat;
	width: 109px;
}
.MyPosts
{
	background: url(../images/my-posts.gif) no-repeat;
	width: 108px;
}
.MyAccount
{
	background: url(../images/my-account.gif) no-repeat;
	width: 127px;
}

.Home-c:hover
{
	background: url(../images/home-c-o.gif) no-repeat;
	width: 88px;
}
.CreateCampaign:hover
{
	background: url(../images/create-campaign-o.gif) no-repeat;
	width: 173px;
}
.ManageCampaigns:hover
{
	background: url(../images/manage-campaigns-o.gif) no-repeat;
	width: 183px;
}
.AccountInfo:hover
{
	background: url(../images/account-info-o.gif) no-repeat;
	width: 130px;
}
.Finances:hover
{
	background: url(../images/finance-o.gif) no-repeat;
	width: 107px;
}
.LiveCampaigns:hover
{
	background: url(../images/live-campaingns-o.gif) no-repeat;
	width: 151px;
}
.MyBlogs:hover
{
	background: url(../images/my-blogs-o.gif) no-repeat;
	width: 109px;
}
.MyPosts:hover
{
	background: url(../images/my-posts-o.gif) no-repeat;
	width: 108px;
}
.MyAccount:hover
{
	background: url(../images/my-account-o.gif) no-repeat;
	width: 127px;
}

.Home-c-o
{
	background: url(../images/home-c-o.gif) no-repeat;
	width: 88px;
}
.CreateCampaign-o
{
	background: url(../images/create-campaign-o.gif) no-repeat;
	width: 173px;
}
.ManageCampaigns-o
{
	background: url(../images/manage-campaigns-o.gif) no-repeat;
	width: 183px;
}
.AccountInfo-o
{
	background: url(../images/account-info-o.gif) no-repeat;
	width: 130px;
}
.Finances-o
{
	background: url(../images/finance-o.gif) no-repeat;
	width: 107px;
}
.LiveCampaigns-o
{
	background: url(../images/live-campaingns-o.gif) no-repeat;
	width: 151px;
}
.MyBlogs-o
{
	background: url(../images/my-blogs-o.gif) no-repeat;
	width: 109px;
}
.MyPosts-o
{
	background: url(../images/my-posts-o.gif) no-repeat;
	width: 108px;
}
.MyAccount-o
{
	background: url(../images/my-account-o.gif) no-repeat;
	width: 127px;
}



#Advertiser
{
	float: left;
	margin: 20px 0;
	background: url(../images/img-advertiser.jpg) no-repeat;
	height: 185px;
	width: 370px;
	text-align: right;
}
#Bloggers
{
	float: left;
	margin: 20px 0 20px 10px;
	background: url(../images/img-blogger.jpg) no-repeat;
	height: 185px;
	width: 370px;
}
#Advertiser h2
{
	background: url(../images/advertiser-heading.gif) no-repeat 209px 0px;
	height: 18px;
	margin: 30px 0 0 0;
}

#Advertiser p
{
	margin: 10px 20px 0 120px;
	line-height: 18px;
	color: #FFF;
}

#Bloggers h2
{
	margin: 30px 0 0 20px;
	background: url(../images/bloggers-heading.gif) no-repeat;
	height: 18px;
}
#Bloggers p
{
	margin: 10px 150px 0 20px;
	line-height: 18px;
	color: #FFF;
}
.p1, .p2
{
	position: relative;
	top: 5px;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.p1 a
{
	background: url(../images/icon-advertiser.gif) no-repeat;
	padding: 0 0 0 20px;
	color: #FFFFFF;
}
.p2 a
{
	background: url(../images/icon-bloggers.gif) no-repeat;
	padding: 0 0 0 18px;
	color: #FFFFFF;
}

#Summery
{
}
#SAB
{
	background: url(../images/short-about.gif) no-repeat 0px 0px;
	height: 52px;
	width: 750px;
}
#SDescription
{
	background: url(../images/short-description.gif) no-repeat 0px 0px;
	height: 52px;
	width: 750px;
}
#Summery p
{
	text-align: center;
	line-height: 20px;
	padding-bottom: 20px;
}

#Footer
{
	background: url(../images/bg-f.gif) repeat-x;
	height: 70px;
	margin-top: 20px;
}
#Bottom
{
	width: 750px;
	margin: auto;
}
#FP1
{
	float: left;
	margin: 15px 0 0 15px;
	line-height: 20px;
	display: inline;
}
#FP2
{
	float: right;
	margin: 25px 15px 0 0;
	display: inline;
}
#BannerA
{
	margin-top: 20px;
	background: url(../images/banner-advertiser.jpg) no-repeat;
	height: 190px;
	width: 750px;
}
#BannerA h2
{
	padding: 26px 0 0 20px;
	background: url(../images/advertisers-overview.gif) no-repeat 20px 20px;
	height: 18px;
}
#BannerA p
{
	margin: 10px 210px 0 20px;
	line-height: 20px;
	color: #FFF;
}

#BannerB
{
	margin-top: 20px;
	background: url(../images/banner-blogger.jpg) no-repeat;
	height: 190px;
	width: 750px;
}
#BannerB h2
{
	padding: 26px 0 0 20px;
	background: url(../images/bloggers-overview.jpg) no-repeat 20px 20px;
	height: 18px;
}
#BannerB p
{
	margin: 10px 210px 0 20px;
	line-height: 20px;
	color: #FFF;
}

#ImgL
{
	float: left;
	width: 490px;
	margin: 20px 0;
	display: inline;
	background: #e3e2e2;
}
#ImgR
{
	float: left;
	height: 280px;
	margin: 20px 0 0 20px;
	width: 240px;
}
#ImgRT
{
}
#ImgRB
{
	margin-top: 20px;
	background: #e3e2e2;
}

#ImgL h2, #ImgRB h2
{
	font: bold 16px "Trebuchet MS" , Verdana, Arial, sans-serif;
	padding: 10px 10px 10px 20px;
}
#ImgL p, #ImgRB p
{
	font: 14px "Trebuchet MS" , Verdana, Arial, sans-serif;
	padding: 0 20px 10px 20px;
	line-height: 20px;
}
#ImgL li
{
	font: 14px "Trebuchet MS" , Verdana, Arial, sans-serif;
	list-style: disc;
	padding: 0 0 5px 0;
	margin: 0 0 5px 55px;
}

#BoxTable
{
	width: 750px;
}

#BoxTable .Error
{
	font-weight: bold;
	background: #ffffe0;
	border: 1px solid #CCC;
	color: #FF0000;
	padding: 10px 0;
	text-align: center;
	margin: 0 20px 20px 20px;
}
#InfoTable
{
	border: 2px solid #CCC;
	background: #F9F9F9;
	margin-top: 20px;
	width: 748px;
	padding: 10px;
}
#BoxTable
{
	/*border: 1px solid #CCC;
	background: #F9F9F9;*/
	margin-top: 5px;
	width: 750px;
}
#BoxTable h2
{
	background: #F1F1F1;
	font: bold 23px "Trebuchet MS" , Verdana, Arial, sans-serif;
	color: #92a61f;
	border: 1px solid #CCC;
	padding: 3px 5px 3px 5px;
    margin: 10px 5px 10px 0px;
}

#BoxTable h4
{
	font: bold 23px "Trebuchet MS" , Verdana, Arial, sans-serif;
	color: #92a61f;
	padding: 5px 10px;
	margin: 20px;
}

#BoxTable table
{
	width: 750px;
	margin: 10px 0 10px 0;
	background: #B9B9B9;
}
#BoxTable th
{
	padding: 5px;
	background: #dca92c;
	color: #FFF;
}
#BoxTable td
{
	padding: 5px;
	background: #FFF;
	line-height: 20px;
}
#BoxTable td a
{
	color: #587a11;
    font-size:11pt;
}
#BoxTable td h5
{
   	color: #000000;
   	font-weight:normal;
    font-size:9pt;
}
#BoxTable td h6
{
   	color: #000000;
   	font-weight:normal;
    font-size:10pt;
}
#BoxTable td h7
{
   	color: #000000;
   	font-weight:bold;
    font-size:10pt;
}

#BoxTable h3
{
	font: bold 15px "Trebuchet MS" , Verdana, Arial, sans-serif;
	color: #92a61f;
	padding-bottom: 10px;
}
#BoxTable table p
{
	line-height: 18px;
	padding-bottom: 5px;
}

.ThreeColumn td
{
	width: 90%;
	vertical-align: top;
	line-height: 23px;
}
#BoxTable .Cpv
{
	text-align: center;
	padding-bottom: 20px;
	font-weight: bold;
}

#BloggerProfile
{
	float: left;
	width: 415px;
	margin: 20px 0 0 20px;
	display: inline;
	background: #DBA626 url(../images/bg-b.gif) repeat-x;
}
#BloggerImg
{
	float: right;
	margin: 10px;
	line-height: 20px;
}
#BloggerProfile h3
{
	color: #000000;
	margin: 11px;
}
#ReferFriend h3
{
	color: #000000;
	margin: 10px;
}
#BloggerProfile p, #ReferFriend p
{
	color: #000000;
	margin: 0 10px;
	line-height: 18px;
}
.PasswordBox
{
	background: #E5C16B;
	padding: 5px;
	text-align: center;
}

#ReferFriend
{
	width: 270px;
	float: left;
	margin: 20px 0 0 20px;
	background: #DBA626 url(../images/bg-b.gif) repeat-x;
}

#BottomRightBloggerHomepageBox
{
	width: 270px;
	float: left;
	margin: 20px 0 0 20px;
}

/* Module Box Round Corner */
b.gtop, b.gbottom
{
	display: block;
	background: #FFF;
}
b.gtop b
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #E5C16B;
}
b.gbottom b
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #DBA626;
}
b.g1
{
	margin: 0 5px;
}
b.g2
{
	margin: 0 3px;
}
b.g3
{
	margin: 0 2px;
}
b.gtop b.g4, b.gbottom b.g4
{
	margin: 0 1px;
	height: 2px;
}

/* Module Box Round Corner advertiser */
b.atop, b.abottom
{
	display: block;
	background: #FFF;
}
b.atop b
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #e3e2e2;
}
b.abottom b
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #e3e2e2;
}
b.a1
{
	margin: 0 5px;
}
b.a2
{
	margin: 0 3px;
}
b.a3
{
	margin: 0 2px;
}
b.atop b.a4, b.abottom b.a4
{
	margin: 0 1px;
	height: 2px;
}

.ratingStar
{
	font-size: 0pt;
	width: 13px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}

.filledRatingStar
{
	background-image: url(../images/filledstar.png);
}

.emptyRatingStar
{
	background-image: url(../images/emptystar.png);
}

.savedRatingStar
{
	background-image: url(../images/savedstar.png);
}
#ifxElementInstructions
{
	background-color: white;
	border-top: 0px solid #FFFFCC;
	border-bottom: 2px dashed #CCCCCC;
    border-left: 2px dashed #CCCCCC;
	border-right: 2px dashed #CCCCCC;
	padding: 10px;
	position: absolute;
	width: 100%;
	height: 350px;
	top: 0px;
	left: 0px;
	right: 0px;
	text-align: left;
	display: none;
}
#ifxElementInstructions strong{
	font-size: 14pt;
	font-weight:bolder;
}
div#LLForm
{
 color :#000000; font-family:sans-serif; font-weight:normal;
 font-size: 10pt;
}
div#LLForm a
{
    color:#FF9900; font-family:sans-serif; font-weight:normal; text-decoration:none;
}
div#LLForm a.hover
{
    color:#FF9900; font-family:sans-serif; font-weight:normal; text-decoration:underline;
}
div#LLForm input
{
 font-family:sans-serif; background-color:#FFFFFF; border-style:solid; border-width:1px; border-color:#000000; padding:2px;
}
div#LLForm btn
{
 font-family:sans-serif; background-color:silver; border-style:solid; border-width:1px; border-color:#000000; padding:2px;
}
div#LLForm h3
{
    font: bold 15px "Trebuchet MS" , Verdana, Arial, sans-serif;
	color: #92a61f;
	padding-bottom: 5px;
}
div#LLPageHeader
{
    font: bold 15px "Trebuchet MS" , Verdana, Arial, sans-serif;
	color: #92a61f;
	padding-bottom: 5px;
}