@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
* Filename: layout.css
* Purpose: All the CSS Rules required to design web pages.
* Author: Suraj Naik n[dot]suraj[at]cssaglobal[dot]com
****************************************************************************************************/
/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:left; background:url(../images/images_d/body-bg.gif) repeat-x #6dcff6}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-transform:capitalize; text-decoration:none}
a {color:#000; font-weight:bold; text-decoration:none}
a:hover {color:#ad1419; text-decoration:underline}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}
/* 	HEADER ELEMENTS STYLING	(id=HEADERS)
**********************************************************/
/* H1 */
/* H2 */
h2.heading1 {}
/* H3 */
/* 	ALL IDS (id=IDS)
**********************************************************/
#mainwrapper {background:url(../images/images_d/page-bg.gif) no-repeat top center; width:100%; margin:0 auto; min-height:572px; position:relative; z-index:2}
#wrappertop {position:absolute; left:0; top:0; background:url(../images/images_d/bg1.gif) 0 0 repeat-x; width:50%; height:197px; z-index:0}
#wrapper {margin:0 auto; width:1015px}
#header  {width:100%; overflow:hidden; height:198px; margin:0 auto}
#header h1 a {background:url(../images/images_d/mian-logo.gif) 0 0 no-repeat; width:167px; height:197px; display:block; float:left}
#logo    {float:left; width:190px; /*margin:0 0 0 15px; display:inline;*/}
#welcome {float:right; width:70%; text-align:right; /*margin-right:15px; display:inline;*/}
#globNav {float:right; text-align:right; padding-top:55px; width:810px}
#globNav2 {width:885px; float:right; line-height:28px; margin:0 0 0 0}
#globNav h3 {text-align:left; font-size:22px; font-family:Myriad Pro; color:#252423; margin-bottom:60px}
#maincont {padding-top:1px; width:1002px; margin:0 auto; min-height:383px; overflow:hidden; padding-top:25px}
#sidebar1 {float:left; width:450px; min-height:250px; padding-left:30px}
#sidebar1 h2,#sidebar2 .formdiv h2 {color:#252423; font-size:22px; font-family:"Times New Roman", Times, serif; margin-bottom:10px; font-weight:normal}
#sidebar1 .smallpara {color:#252423; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:25px}
#sidebar2 {float:right; width:450px; min-height:250px; padding-left:30px}
#sidebar2 .forimg {text-align:center; margin-bottom:40px; position:relative}
#sidebar2 .forimg .desc {position:absolute; top:25px; left:20px; font-family:"Myriad Pro"; font-size:22px; font-weight:normal; color:#000; text-align:left; width:90%; font-style:italic}
#sidebar2 .formdiv {}
#sidebar2 .formdiv h2 {margin-bottom:10px}
#sidebar2 .formdiv .input1 {background:url(../images/images_d/forinput.gif) 0 0 no-repeat; width:168px; height:20px; padding:5px 5px 0px 5px; border:none; margin-right:10px}
input.login {background:url(../images/images_d/loginbtn.gif) 0 0 no-repeat; width:44px; height:24px; display:block; cursor:pointer; border:none; text-align:center; vertical-align:middle; font-size:12px}
#sidebar2 .formdiv a.rem {color:#000; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:5px 0px; float:left}
#footer {width:100%; margin:0 auto; color:#fff; background:#484647; border-top:1px solid #fff; font-size:12px; padding-bottom:25px}
#footer a {color:#fff; font-size:12px; font-weight:normal}
#footer .leftp {width:40%; float:left; line-height:60px; width:480px;}
#footer .rightp {width:40%; float:right; line-height:60px; text-align:right; width:480px; color:#fff}
#footer .footinner {width:1002px; margin:0 auto; overflow:hidden}
/* 	MAIN MODULES (id=MAINMODS)
**********************************************************/

.logpout {float:right; line-height:25px; color:#fff; font-size:14px; padding-left:20px}

.top1 {background:url(../images/images_d/sprite.gif) 0 0 no-repeat; padding-left:12px}
.top1 h2 {background:url(../images/images_d/sprite.gif) 100% 0 no-repeat; line-height:40px; font-size:20px; font-weight:bold; color:#fff}
.mid1 {background:#fff; border-left:1px solid #ed8c34; border-right:1px solid #ed8c34; overflow:hidden; padding:15px 10px}
.end1 {background:url(../images/images_d/sprite.gif) 0 -68px no-repeat; padding-left:8px}
.end1 div {background:url(../images/images_d/sprite.gif) 100% -68px no-repeat; line-height:35px; font-size:20px; font-weight:bold; color:#fff; height:7px; overflow:hidden}

.textareaone {background:url(../images/images_d/textarea1.gif) no-repeat; padding:5px; width:310px; height:42px; border:none}
.textareatwo {background:url(../images/images_d/textarea2.gif) no-repeat; padding:5px; width:310px; height:95px; border:none}
a.addnew {background:url(../images/images_d/add-new.png) no-repeat; display:block; padding-left:30px; line-height:15px; color:#2b8aae; font-weight:normal}
/* -------------->MENUS< -------------- */ 
ul.topnav {list-style:none; padding:0; margin:0; float:right}
ul.topnav li {display:inline}
ul.topnav a {color:#fff; display:block; float:left; font-size:16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; display:block; width:90px; height:55px; text-align:center; padding-top:12px}
ul.topnav a:hover {background:url(../images/images_d/hover-btn.png) 0 0 no-repeat; text-align:center; color:#000; width:90px; height:55px; text-align:center; display:block; padding:0; margin:0; padding-top:11px; text-decoration:none}
ul.topnav a.active {background:url(../images/images_d/hover-btn.png) 0 0 no-repeat; text-align:center; color:#000; width:90px; height:45px; text-align:center; display:block; padding:0; margin:0; padding-top:11px; text-decoration:none}


ul.topnav2 {list-style:none; padding:0; margin:0; float:right; border:1px solid #34abd9; padding:3px 15px 0 0; background:#45c3f3}
ul.topnav2 li {display:inline; position:relative; float:left}
ul.topnav2 li:hover { background:url(../images/images_d/li-hover-bg.gif) repeat-x}
ul.topnav2 li.end {background:none}
ul.topnav2 li.end a {background:none; display:inline; float:none; font-size:12px; color:#fff; padding:0 0 0 10px; margin:0}
ul.topnav2 a {color:#000; display:block; font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; background:url(../images/images_d/dropdown.png) 100% 50% no-repeat; padding: 0 15px; margin-right:20px}
ul.topnav2 li:hover > ul {display:block}

/** first menu level **/
ul.topnav2 li ul {position:absolute; top:28px; left:0; width:220px; display:none; /*border-bottom:1px solid #34abd9;border-left:1px solid #34abd9;border-right:1px solid #34abd9;*/ padding:0 2px; background:#45c3f3;border:1px solid #34abd9;}
ul.topnav2 li ul li {display:inline; float:left; border-bottom:1px dotted #1c86af; margin:0; padding:0; width:222px}
ul.topnav2 li ul li.last {border:none}
ul.topnav2 li ul li a {background:none; font-size:12px}
ul.topnav2 li ul li a:hover {text-decoration:none}


ul.list1 {padding:0; margin:0; list-style:none; margin-bottom:10px}
ul.list1 li {background:url(../images/images_d/li-bg.png) left bottom no-repeat; padding-left:50px; line-height:40px; color:#2b2c2d; font-size:18px; font-family:"Times New Roman", Times, serif}

ul.list2 {padding:0; list-style:none; float:left; margin-left:4px}
ul.list2 li {color:#2b2c2d; font-size:13px; background:url(../images/images_d/bullet-1.gif) 0 50% no-repeat; padding-left:10px; margin-bottom:10px}

ul.cat {margin:0; padding:0 0 0 20px; list-style:none}
ul.cat li {background:url(../images/images_d/list-bullet.gif) 0 50% no-repeat; padding-left:15px; line-height:27px}
ul.cat li a {color:#369fc8; font-size:14px; font-weight:normal}

ul.recent {margin:0; padding:0 0 0 10px; list-style:none}
ul.recent li {background:url(../images/images_d/list-bullet.gif) 0 10% no-repeat; padding-left:15px; margin-bottom:5px}
ul.recent li a {color:#676664; font-size:12px; font-weight:normal; text-decoration:none}

ul.list3 {margin:0; padding:0; list-style:none}
ul.list3 li {display:block; float:left; margin:0 5px 0 0; padding:0 0 5px 0}
ul.list3 li a {color:#227495; padding:8px 15px; background:#fff/*ceeffc*/; font-size:12px}
ul.list3 li a:hover {background:#ceeffc}
ul.list3 li a.active {background:#ceeffc}

/*a.sighup {background:url(../images/images_d/sign-upBtn.png) 0 0 no-repeat; display:block; height:71px; width:235px; margin-left:50px}*/
a.blue {color:#369fc8; font-weight:normal}
a.freesignup {background:url(../images/images_d/free-signUp.png) no-repeat; display:block; width:235px; height:74px; margin:15px auto}/* -------------->LISTINGS< -------------- */ 
/* -------------->FORMS< -------------- */ 
/* -------------->GRIDS< -------------- */ 
.columnL1 {width:733px; float:left}
.columnR1 {width:250px; float:right}
/* -------------->MODS< -------------- */ 
/* ROUNDED CORNERS */
/* BORDERS */
input.button {border:0; background:url(../images/images_d/sprite-1.gif) 0 0px no-repeat; position:relative; cursor:pointer; color:#2b2828; height:24px; font:bold 12px Arial; padding:0 15px 0 16px}
.buttonEnding {position: absolute; display:inline; margin-left:-7px; width:10px; height:30px; background: url(../images/images_d/sprite-1.gif) 100% 0px no-repeat}
.inputbox {background:url(../images/images_d/input-1.gif) no-repeat; padding:5px; width:305px; height:15px; border:none; border-right:1px solid #bde3f2; font-size:12px; color:#646464}
.inputbox2 {background:url(../images/images_d/input-2.gif) no-repeat; padding:5px 7px; width:165px; height:19px; border:none; font-size:12px; color:#646464}
input.button_iframe {
	font-family: arial, verdana, serif;font-size: 11px;padding: 3px;color: #333333;	font-weight: bold;	background: #EEEEEE;vertical-align: middle;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #777777;border-right: 1px solid #777777;}
/* BACKGROUNDS */
/* COLUMNS (id=COLS)
**********************************************************/
/* ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt{font-size:10px}
.smlTxt{font-size:11px}
.para{font-size:12px}
.big{font-size:14px!important}
/*font WEIGHTS */
.strong {font-weight:bold} 
.normTxt, .normTxt a {font-weight:normal}
/* text TRANSFORMS */
.allCaps {text-transform:capitalize}
.upperCase {text-transform:uppercase}
.textU, .textU a{text-decoration:underline}
/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll {text-align:center}
.alignLeft {text-align:left}
.alignRight {text-align:right}
.justify {text-align:justify}
.padright {padding-right:15px}
/* colored text */
.clrOne {} /* for green color */
/* a TAGS, BUTTONS */
/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padOne {padding:8px}
.padBtm {padding-bottom:5px}
/* matgins */
.marginTop {margin-top:10px}
.marginBtm {margin-bottom:10px}
/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both; overflow:hidden; padding:0; margin:0; height:0}
.fl {float:left}
.fr {float:right}
.posrel {position:relative}
.clearfix:after, .container:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container {display: block}
.pagination {background:#ceeffc; border-top:1px solid #c4dae2; border-bottom:1px solid #c4dae2; line-height:30px; padding:2px 15px; overflow:hidden; width:972px; margin-bottom:20px}
.paginationbtm {line-height:30px; padding:2px 15px; overflow:hidden}
.pagination label, .pagination select {margin-right:10px}
.pagination ul {margin:0; padding:0; float:right; list-style:none}
.pagination ul li {display:inline}
.pagination ul li a {margin-right:5px; width:28px; line-height:28px; display:block; float:left; text-align:center; vertical-align:middle; background:#fff; border:1px solid #e7e7e7; color:#0063c6}
.pagination ul li a:hover {margin-right:5px; width:28px; line-height:28px; display:block; float:left; text-align:center; vertical-align:middle; background:#d6eff7; border:1px solid #b5deef; color:#424242; text-decoration:none}
.pagination ul li a.firstarrow {background:url(../images/images_d/right-arrow.gif) no-repeat; width:28px; height:28px}
.pagination ul li a.lastarrow {background:url(../images/images_d/left-arrow.gif) no-repeat; width:28px; height:28px}
.paginationbtm ul {margin:0; padding:0; float:right; list-style:none}
.paginationbtm ul li {display:inline}
.paginationbtm ul li a {margin-right:5px; width:28px; line-height:28px; display:block; float:left; text-align:center; vertical-align:middle; background:#fff; border:1px solid #e7e7e7; color:#0063c6}
.paginationbtm ul li a:hover {margin-right:5px; width:28px; line-height:28px; display:block; float:left; text-align:center; vertical-align:middle; background:#d6eff7; border:1px solid #b5deef; color:#424242; text-decoration:none}
.paginationbtm ul li a.firstarrow {background:url(../images/images_d/right-arrow.gif) no-repeat; width:28px; height:28px}
.paginationbtm ul li a.lastarrow {background:url(../images/images_d/left-arrow.gif) no-repeat; width:28px; height:28px}
/******************************LOGIN-PAGE************************************************/
.lofinLeft {width:98%; margin:0px auto; height:200px}
.lofinLeft p {font-size:12px; margin-bottom:20px; clear:left}
.lofinLeft p .spanL {float:left; width:325px; margin-right:15px}
.lofinLeft p .spanR {float:left; width:180px}
.lofinLeft p .spanL label, .lofinLeft p .spanR label {margin-bottom:10px; display:block; font-size:14px; font-weight:normal}
.lofinLeft p a.blue {margin-left:100px}
/******************************SIGN-UP-PAGE************************************************/
.invitefriend {border-bottom:1px dashed #10a6e1; padding:20px}
.column1inner .mid1 {padding:15px}
.invitefriend h3 {font-size:20px; color:#2b2c2d; line-height:41px}
.invitefriend h3 span {background:url(../images/images_d/bullet.png) no-repeat; width:44px; height:45px; display:block; text-align:center; font-size:20px; color:#fff; float:left; margin-right:5px}
.invitefriend label {display:block; color:#2b2c2d; font-size:14px; margin-bottom:5px}
.invitefriend p {margin-left:50px; color:#646464; font-size:12px; margin-bottom:15px}
.dubbleinput {overflow:hidden; margin:0 0 15px 50px}
.dubbleinput img {border:1px solid #c0e4f3; float:left; margin-right:15px}
.dubbleinput a {margin-right:15px}
.imgdesc {margin-bottom:10px; float:left}
.imgdescodd {margin-bottom:10px; float:left}
.imgdesceven {margin-bottom:10px; float:left; background:#ecf9fe}
.whysign, .account {margin-bottom:17px}
.whysign .mid1 {padding:5px; overflow:hidden; width:238px}
.whysign .mid1 img {float:left}
.whysign .mid1 .desc {width:142px; float:right; font-family:Myriad Pro; font-size:18px; color:#0069c3; padding-top:25px; min-height:86px}
.account mid1 {padding:15px}
/******************************ALBUM-PAGE************************************************/
.albumpage .mid1 {padding:15px 0}
.albuminn {border-top:1px solid #c4dae2; border-bottom:1px solid #c4dae2; margin-bottom:30px}
.albuminn .wraptable {padding:15px; border-right:1px solid #c4dae2; width:510px}
.albuminn .wraptable img {border:1px solid #c4dae2; padding:2px}
.albuminn .wraptable tr .bigimg {width:225px}
.albuminn .wraptable tr td.smallimg {width:70px; padding:0}
.albuminn .wraptable tr td.desc {width:145px; text-align:left}
.albuminn .wraptable tr td h5 {color:#666666; background:url(../images/images_d/h5-bg.gif) no-repeat; padding-left:25px; line-height:20px; font-size:13px; margin:5px}
.albuminn .wraptable .bluetext {color:#4477aa; font-size:13px; font-weight:bold}
.albuminn .wraptable p {margin-bottom:5px; padding-left:5px; color:#666666}
.albuminn .wraptable p.date {color:#cccccc; font-size:11px}
.none {border:none!important}
/******************************FORUM-PAGE************************************************/
.tablist, .tablistIn {margin-bottom:25px}
.tablist tr th {padding-left:15px; line-height:35px; background:#d0f0fc; border-top:1px solid #c4dae2; border-bottom:1px solid #c4dae2; border-right:1px solid #c4dae2; color:#424242} 
.tablistIn tr th {padding-left:15px; line-height:35px; background:#d0f0fc; border-top:1px solid #c4dae2; border-bottom:1px solid #c4dae2; border-right:1px solid #c4dae2; color:#424242; padding-left:15px; overflow:hidden}
.tablistIn tr th .spanL {float:left}
.tablistIn tr th .spanR {float:right; padding:10px 10px 0 0} 
.tablistIn tr td {padding:5px 5px 5px 10px; border-bottom:1px solid #c4dae2; border-right:1px solid #c4dae2}
.tabdiv {overflow:hidden}
.tabdiv .GenImg {float:left; width:55px; padding:5px 0}
.tabdiv .genDisc {width:415px; padding:5px 0; float:right}
.tabdiv .genDisc .bluetext {color:#4477aa; font-size:13px; font-weight:bold; margin-bottom:3px}
.tabdiv .genDisc p {color:#424242; line-height:18px}
.tabdiv .GenImg1 {float:left; width:55px; padding:5px 0}
.tabdiv .GenImg1 img {border:1px solid #a3a3a3; padding:2px}
.tabdiv .genDisc1 {width:265px; padding:5px 0; float:right}
.tabdiv .genDisc1 .bluetext {color:#4477aa; font-size:13px; margin-bottom:3px}
.tabdiv .genDisc p {color:#424242; line-height:18px}
/******************************FORUM-PAGE************************************************/
.entryodd {overflow:hidden; margin-bottom:20mpx; padding:15px}
.entryeven {overflow:hidden; margin-bottom:20mpx; padding:15px; background:#f6f6f6}
.entryodd h4, .entryeven h4 {color:#676664; font-size:14px}
/******************************BLOG-PAGE************************************************/
.blogL .mid1 {padding:0}
.entryinn {overflow:hidden; padding:10px 0}
.entryinn .forimg {float:left; width:135px}
.entryinn .forimg img {border:1px solid #bababa; padding:2px}
.entryinn .imgdesc {float:right; width:555px}
.entryinn .imgdesc p {color:#676664; line-height:16px; overflow:hidden}
.entryodd p .spanL, .entryeven p .spanL {float:left}
.entryodd p .spanR, .entryeven p .spanR {float:right; width:70px}3
/******************************INVITE-PAGE************************************************/
.invite {padding:20px}
.invite h3 {font-size:20px; color:#2b2c2d; line-height:41px}
.invite h3 span {background:url(../images/images_d/bullet.png) no-repeat; width:44px; height:45px; display:block; text-align:center; font-size:20px; color:#fff; float:left; margin-right:5px}
.invite label {display:block; color:#2b2c2d; font-size:14px}
.invite p {color:#646464; font-size:12px; margin-bottom:15px}
.suggestion .mid1 {padding:0px; overflow:hidden}
.suggestion .imgdesc {overflow:hidden; padding:5px}
.suggestion .imgdesc .forimg {float:left; padding:5px; margin-right:10px; width:53px}
.fordesc {float:right; width:165px}
.fordesc p {color:#2b2c2d; font-size:12px; margin-bottom:5px}
.fordesc h6 {overflow:hidden; margin-bottom:3px}
.fordesc h6 .spanL {float:left; color:#2b8aae; font-size:12px}
.fordesc h6 .spanR {float:right; background:url(../images/images_d/close.png) no-repeat; display:block; width:14px; height:14px}
.even {background:#ecf9fe}
a.orange {color:#ec7f2c; text-decoration:underline; margin:5px 10px 10px 10px; float:right}
/***********************PROFILE PAGFE*******************************/
#sidebarL {float:left; width:250px; margin-right:10px; min-height:250px}
#mid-cont {float:left; margin-right:10px; width:478px; min-height:250px}
#sidebarR {float:left; width:250px; min-height:250px}

.photo {margin-bottom:15px}
.photo .mid1 {padding:0}
.photo .module {padding:10px; text-align:center; border-bottom:1px dashed #10a6e1}
.photo .module img {margin:0 0 10px 0}
.photo .module p.defi, .newmember .inner .newmem p.defi {background:url(../images/images_d/bullet-2.gif) 0 4px no-repeat; padding-left:15px; text-align:left; margin-left:10px; color:#424242; font-size:14px}
.photo .module p.welcome {color:#298cb3; font-size:14px; font-weight:bold; margin:0 0 12px 0; text-align:left}
.photo .moduleBot {padding:10px}
.photo .moduleBot p.welcome {color:#298cb3; font-size:12px; font-weight:bold; margin:0 0 12px 0; text-align:left}
.photo .moduleBot p.online {overflow:hidden}
.photo .moduleBot p.online .spanL {float:left}
.photo .moduleBot p.online img {float:left; margin-right:8px}
.photo .moduleBot p.online .spanR {float:right; color:#ef870d}

.statistics .mid1 {padding:15px}
.statistics table {color:#424242}
.statistics table td {padding:3px 0}

.profile .mid1 {padding:15px}
.profile .proDetails {background:#cff0fc; overflow:hidden; float:left; width:97%; padding:15px; font-size:12px}
.profile .proDetails .inner {border-bottom:1px dashed #10a6e1; padding:20px 10px; color:#424242; margin-bottom:15px}
.profile .proDetails .inner p.welcome, .proDetails .recentAct p.welcome {color:#227495; font-weight:bold; margin-bottom:20px}
.profile .proDetails .inner table {color:#424242}
.profile .proDetails .inner table td {padding:3px 0}
.proDetails .recentAct {margin:0 auto; border-bottom:1px dashed #10a6e1; margin-bottom:15px; padding-bottom:15px}
.proDetails .recentAct p.firstpara {background:url(../images/images_d/paraBG.png) 0 0 no-repeat; padding-left:25px; color:#424242; margin-bottom:15px}
.proDetails .recentAct p.firstpara span {color:#ea7526}
.proDetails .recentAct p {color:#424242; line-height:18px; margin-bottom:15px} 
.proDetails .recentAct p.none {margin:0}
.bordernone {border:none!important}

.newmember {margin:0 0 15px 0}
.newmember .mid1 {padding:0}
.newmember .inner {width:218px; padding:15px; overflow:hidden}
.newmember .inner .newmem {float:left; margin-right:9px; width:100px}
.newmember .inner .newmem img { border:1px solid #aeaeae; padding:2px; margin:2px 0 4px 0} 
.newmember .inner .newmem p.defi {margin:0 0 10px 0}
.newmember p.memfoot {background:#f6f6f6; line-height:35px; float:left; display:block; width:100%; color:#ef870d}
.newmember p.memfoot a {color:#ef870d; margin-right:15px}