Beta version
hide

FriendlyFwd

Visual | HTML | CSS

View all projects

            
.contentContainer
{
	float:left;
	width:90%;
	min-height:400px;
	display:block;
	margin-left:50px;
}

.headerContainer .Logo
{
	width:400px;
	float:left;
	margin:50px 0 0 50px;
	padding:0;
}

#button,.AddContact dl dd input.button,.headerContainer .login dl dd input.login_button,.headerContainer .login dl dd input.SignUp_button
{
	border:3px double #87c121;
}

span.Next b,span.Previous b
{
	font-size:66%;
	vertical-align:top;
}

.contentMenu
{
	margin:0;
	padding:0 0 100px;
}

body
{
	font-family:Tahoma;
	font-size:11px;
	color:#666;
	text-align:center;
	background-color:#FFF;
	line-height:16px;
	margin:0;
	padding:0;
}

img
{
	border:0;
	vertical-align:middle;
}

form
{
	margin:0;
	padding:0;
}

.globalContainer
{
	text-align:left;
	min-width:850px;
	margin:0 auto;
}

ul.Contact
{
	float:left;
	border:0;
	width:100%;
	color:#807B88;
	font-size:14px;
	font-family:Verdana;
	font-weight:700;
	margin:0;
	padding:10px 0 0;
}

ul.Contact li
{
	float:left;
	list-style:none;
	margin:0 0 5px;
	padding:0;
}

ul.Contact li a
{
	color:#777;
	text-decoration:none;
	font-size:14px;
	font-family:Verdana;
}

ul.Contact li.active a
{
	color:#000;
}

.Info
{
	width:100%;
	float:left;
}

.Info dl
{
	width:100%;
	float:left;
	color:#999;
	font-size:13px;
	font-weight:700;
	font-family:Verdana;
	margin:0;
	padding:10px 0 0;
}

.Info dt
{
	width:300px;
	float:left;
	margin:0;
	padding:0;
}

.Info dd
{
	margin:0 0 0 320px;
	padding:0 0 10px;
}

.Info p.view
{
	width:90%;
	float:left;
	color:#807B88;
	font-size:16px;
	font-weight:700;
	font-family:Trebuchet MS;
	margin:0;
	padding:25px 0 0;
}

.Info p.view span
{
	color:#999;
}

.InfoLeft
{
	width:40%;
	float:left;
	display:block;
}

.InfoLeft p
{
	color:#666;
	font-size:20px;
	font-family:Verdana;
	margin:15px 0;
}

.InfoLeft p span
{
	color:#666;
	font-size:18px;
	font-family:Verdana;
	margin:5px 0;
}

.InfoLeft b
{
	color:#1C469D;
	font-size:12px;
	font-family:Verdana;
}

.InfoLeft b img
{
	vertical-align:middle;
	padding:0 5px 0 0;
}

.InfoRight
{
	width:60%;
	float:right;
}

.InfoRight .Grey
{
	background:url(../images/bg_grey.gif) no-repeat;
	height:85px;
	width:100px;
	display:block;
	float:left;
	margin-left:20px;
	padding-top:15px;
	text-align:center;
	color:#666;
	font-family:Verdana;
	font-size:16px;
	font-weight:700;
}

.InfoRight .Orange
{
	background:url(../images/bg_orange.gif) no-repeat;
	height:85px;
	width:100px;
	display:block;
	float:left;
	margin-left:20px;
	padding-top:15px;
	text-align:center;
	color:#666;
	font-family:Verdana;
	font-size:16px;
	font-weight:700;
}

.InfoRight .Grey b,.InfoRight .Orange b
{
	font-size:18px;
	margin-top:15px;
	display:block;
}

table.Contacts
{
	width:100%;
	color:#777;
	font-size:13px;
	font-family:Verdana;
	font-weight:700;
	float:left;
	margin:20px 0 0;
	padding:10px 0 0;
}

table.Contacts tr
{
	margin:0;
	padding:0;
}

table.Contacts tr.head
{
	color:#333;
	font-size:14px;
}

table.Contacts tr td.first a
{
	color:#1C469D;
	font-size:14px;
	text-decoration:none;
}

.headerContainer
{
	background:url(../images/bg.jpg) top repeat-x;
	height:200px;
}

.headerContainer .Logo ul
{
	float:left;
	margin:0;
	padding:15px 0 0;
}

.headerContainer .Logo ul li
{
	float:left;
	list-style:none;
	margin:7px 20px 0 0;
	padding:0;
}

.headerContainer .Logo ul li a
{
	color:#65616B;
	text-decoration:none;
	font-size:12px;
	font-weight:700;
	font-family:Trebuchet MS;
}

.headerContainer .LogOut
{
	float:right;
	width:300px;
	text-align:right;
	color:#87C11F;
	font-family:Trebuchet MS;
	font-size:18px;
	font-weight:700;
	margin:50px 20px 0 0;
}

.headerContainer .LogOut ul
{
	float:right;
	margin:0;
	padding:0;
}

.headerContainer .LogOut ul li
{
	float:right;
	list-style:none;
	margin:7px 1px 0 15px;
	padding:0;
}

.headerContainer .LogOut ul li a
{
	color:#333;
	text-decoration:none;
	font-size:11px;
}

.headerContainer .login
{
	float:right;
	width:400px;
	text-align:left;
	margin:50px 0 0;
}

.headerContainer .login dl dt
{
	color:#87C11F;
	font-family:Trebuchet MS;
	font-size:16px;
	font-weight:700;
	margin:0;
	padding:5px 0 3px 41px;
}

.headerContainer .login dl dd
{
	padding:0;
}

.headerContainer .login dl dd input
{
	width:120px;
	height:20px;
	background-color:#E8E8E8;
	border:0;
	color:#777;
	font-size:12px;
	margin:0;
	padding:2px 0 0 5px;
}

.headerContainer .login dl dd input.big
{
	width:220px;
	height:30px;
	background-color:#E8E8E8;
	border:0;
	color:#777;
	font-size:16px;
	font-weight:700;
	padding:6px 0 0 5px;
}

.headerContainer .login dl dd input.SignUp_button
{
	font-size:11px;
	height:22px;
	width:80px;
	color:#fff;
	font-family:Verdana;
	background-color:#87c121;
	font-weight:700;
	border:3px double #fff;
	text-transform:uppercase;
	margin:0 0 0 10px;
	padding:0 0 10px;
}

.headerContainer .login dl dd input.login_button
{
	font-size:11px;
	height:22px;
	width:60px;
	color:#fff;
	font-family:Verdana;
	background-color:#87c121;
	font-weight:700;
	border:3px double #fff;
	text-transform:uppercase;
	margin:0 0 0 10px;
	padding:0 0 10px;
}

.Template
{
	float:left;
	width:100%;
	margin-top:20px;
}

.Template img
{
	vertical-align:top;
	margin-right:25px;
}

span.Next
{
	display:block;
	float:right;
	padding:20px 73px 0 0;
}

span.Previous
{
	display:block;
	float:left;
	padding:20px 0 0 5px;
}

span.Next a,span.Previous a
{
	color:#777;
	font-size:13px;
	font-family:Verdana;
	font-weight:700;
	text-decoration:none;
}

.contentMenu ul
{
	float:left;
	border-bottom:1px dotted #ccc;
	width:100%;
	margin:10px 20px 0 0;
	padding:5px 0 0;
}

.contentMenu ul li
{
	float:left;
	list-style:none;
	margin:7px 30px 5px 0;
	padding:0;
}

.contentMenu ul li a
{
	color:#65616B;
	text-decoration:none;
	font-size:15px;
	font-weight:700;
	font-family:Trebuchet MS;
}

.contentMenu ul.SubMenu
{
	float:left;
	border:0;
	margin:0 20px 0 0;
	padding:5px 0 0;
}

.contentMenu ul.SubMenu li
{
	float:left;
	list-style:none;
	margin:0 20px 5px 0;
	padding:0;
}

.contentMenu ul.SubMenu li a
{
	color:#666;
	text-decoration:none;
	font-size:11px;
	font-weight:700;
	font-family:Tahoma;
}

#ConIE dl dd input
{
	width:350px;
	margin-left:20px height:25px;
	background-color:#E8E8E8;
	border:0;
	color:#777;
	font-size:14px;
	padding:3px 0 0 5px;
}

#ConIE dl dd input.button
{
	font-size:11px;
	height:22px;
	width:100px;
	color:#fff;
	font-family:Verdana;
	background-color:#87c121;
	font-weight:700;
	border:3px double #87c121;
	text-transform:uppercase;
	margin:0 0 0 10px;
	padding:0;
}

#ConIE dl dd select
{
	margin-left:20px width:200px;
	height:25px;
	background-color:#E8E8E8;
	border:0;
	color:#777;
	font-size:14px;
	padding:3px 0 0 5px;
}

#ConIE p
{
	width:100%;
	color:#807B88;
	font-family:Trebuchet MS;
	font-size:16px;
	font-weight:700;
	margin:0;
	padding:25px 0 0 5px;
}

.AddContact
{
	float:left;
	display:block;
	width:100%;
}

.AddContact ol li
{
	color:#999;
	font-size:13px;
	font-family:Tahoma;
	font-weight:700;
}

ul.features
{
	float:left;
	width:70%;
	margin:0;
	padding:10px 0 0 10px;
}

ul.features li
{
	color:#999;
	font-size:13px;
	font-family:Tahoma;
	font-weight:700;
	list-style:none;
	width:90%;
	padding:2px 0;
}

ul.features li span
{
	color:#1C469D;
	font-size:13px;
	font-family:Tahoma;
	font-weight:700;
	list-style:none;
	padding:2px 0;
}

.AddContact p
{
	color:#87C11F;
	font-family:Trebuchet MS;
	font-size:17px;
	font-weight:700;
	margin:0;
	padding:5px 0 0 5px;
}

.AddContact dl dt
{
	color:#807B88;
	font-family:Trebuchet MS;
	font-size:16px;
	font-weight:700;
	margin:0;
	padding:10px 0 3px 5px;
}

.AddContact dl dt span
{
	color:#1C469D;
	font-size:12px;
}

.AddContact dl dt span a
{
	color:#1C469D;
	font-size:12px;
	text-decoration:none;
	font-weight:700;
}

.AddContact dl dt b
{
	font-size:12px;
	font-weight:400;
	color:#807B88;
}

.AddContact dl dt b.item
{
	font-size:13px;
	font-weight:700;
	color:#999;
	font-family:Verdana;
}

.AddContact dl dd span
{
	font-size:14px;
	font-weight:400;
	color:#666;
	padding:0 0 0 25px;
}

.AddContact dl dd
{
	margin:0;
	padding:0 0 0 5px;
}

.AddContact dl dd textarea
{
	width:350px;
	height:100px;
	background-color:#E8E8E8;
	border:0;
	color:#777;
	font-size:14px;
	margin:0;
	padding:3px 0 0 5px;
}

#NameSize
{
	width:150px;
}

#Options
{
	font-size:12px;
	color:#777;
	font-family:Tahoma;
}

#Padding30
{
	padding-left:30px;
}

#By
{
	color:#000;
	font-size:12px;
	text-align:right;
	width:87%;
	float:left;
	padding-top:15px;
	font-weight:700;
}

p.Thanks
{
	float:left;
	display:block;
	width:50%;
	color:#807B88;
	font-family:Verdana;
	font-size:14px;
	font-weight:700;
	margin:0;
	padding:10px 0 0;
}

p.Mail a
{
	float:left;
	color:#807B88;
	font-size:14px;
	font-weight:700;
	font-family:Trebuchet MS;
	text-decoration:none;
	width:100%;
	padding-top:10px;
}

.Thanks span
{
	display:block;
	color:#1C469D;
	padding:20px 0 0 10px;
}

.More a
{
	float:left;
	color:#1C469D;
	font-size:12px;
	font-family:Verdana;
	font-weight:700;
	text-decoration:none;
	width:100%;
	padding:10px 0 0;
}

.Title
{
	float:right;
	width:100%;
	color:#87C11F;
	font-family:Trebuchet MS;
	font-size:17px;
	font-weight:700;
	margin:0;
	padding:25px 20px 15px 0;
}

.Title span
{
	color:#777;
}

.rss
{
	float:right;
	width:22%;
}

.rss p
{
	padding:15px;
}

.rss p.Title
{
	display:block;
	padding:10px 0 0 15px;
}

.About
{
	float:left;
	width:130px;
	padding:20px 0;
}

.footerContainer
{
	width:67%;
	float:left;
	text-align:right;
	display:table;
	padding:20px 0 0;
}

.footerContainer img
{
	height:44px;
	width:262px;
	float:right;
	margin-right:35px;
}

.footerContainer div
{
	width:97%;
	margin-right:10px;
	float:right;
	color:#87C11F;
	font-family:Trebuchet MS;
	font-size:20px;
	font-weight:700;
	display:block;
	padding:25px 0 15px;
}

.footerContainer ul.Copyright
{
	float:right;
	border:0;
	margin:0;
	padding:0;
}

.footerContainer ul.Copyright li
{
	float:left;
	list-style:none;
	margin:0 12px 5px 0;
	padding:0;
}

.footerContainer ul.Copyright li a
{
	color:#333;
	text-decoration:none;
	font-size:12px;
	font-weight:700;
	font-family:Tahoma;
}

.footerContainer span
{
	float:right;
	width:100%;
	color:#999;
	font-family:Arial;
	font-size:14px;
	font-weight:700;
	margin:0;
	padding:15px 0 0;
}

.headerContainer .Logo ul li.active a,.contentMenu ul li.active a,.contentMenu ul.SubMenu li.active a
{
	color:#87c121;
}

.AddContact dl dd select,.AddContact dl dd input
{
	width:200px;
	height:25px;
	background-color:#E8E8E8;
	border:0;
	color:#777;
	font-size:14px;
	margin:0;
	padding:3px 0 0 5px;
}

.AddContact dl dd input.button,#button
{
	font-size:11px;
	height:22px;
	width:120px;
	color:#fff;
	font-family:Verdana;
	background-color:#87c121;
	font-weight:700;
	border:3px double #fff;
	text-transform:uppercase;
	margin:0 0 0 10px;
	padding:0 0 10px;
}
        

            .contentContainer
{
	margin-left:25px;
}

.headerContainer .Logo
{
	margin:50px 0 0 25px;
}

#button,.AddContact dl dd input.button,.headerContainer .login dl dd input.login_button,.headerContainer .login dl dd input.SignUp_button
{
	border:3px double #87c121;
}

span.Next b,span.Previous b
{
	vertical-align:middle;
}

.contentMenu
{
	padding:0 0 50px;
}