* {
	padding:0;
	font-size:100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

body{
	background:#F6F6F2;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}
.bodycolor{background-color:#F6F6F2;}
.left { float:left; display:inline;}
.right { float:right;display:inline;margin-right:-3px;}
.clear  { clear:both;}
.width25{ width:25%;}
.width75{width:75%;}
.width50{ width:50px;}
.width200{ width:200px;}
.width610{ width:610px;}
.width100{width:100%;}
.textcenter{ text-align:center;}
.hiddener{ overflow:hidden;}
.logoWitdh{ width:298px;}
html, input, textarea
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.667em;
		color:#333;
	}
.displayNone{display:none;}
.ellipsis {   
    white-space: nowrap;   
    overflow: hidden;   
    text-overflow: ellipsis;   
    -o-text-overflow: ellipsis; 
    -ms-text-overflow:ellipsis;  
    -moz-binding: url('ellipsis.xml#ellipsis');   
}  
.requestElement
{
    background-image:url('images/add.png'); 
    background-repeat:no-repeat;
    background-position:0px 2px;
    margin-left:10px;
    padding-left:20px;
    color: #004080;
    font-size: 13px;
    cursor:pointer;
    width:105px;
    text-decoration:underline;
    padding-top:2px;
    }
input, select { vertical-align:middle; font-weight:normal;}
h2 {color:#000000; font-size:2em; line-height:1em; font-weight:normal; margin-bottom:15px;}
.input {width:252px; height:19px; border:1px solid #cdcdc7; background:#fff; padding:0 0 0 5px; font-size:1em;color:Black;}
.inputGray {width:252px; height:19px; border:1px solid #cdcdc7; background:#fff; padding:0 0 0 5px; font-size:1em;color:Gray}
.input2 {width:320px; height:27px; border:1px solid #cdcdc7; background:#ffffff; padding:0 0 0 5px; font-size:1.39em; font-weight: bold; }
.input3 {width:120px; height:56px; border:1px solid #cdcdc7; background:#ffffff; padding:8px 15px 0 5px; font-size:2.5em; font-weight: bold; }
.images2 {background:url(images/authentication.PNG) top repeat-x;width:100px; height:56px; border:1px solid #cdcdc7;padding:8px 15px 0 5px; }

.select2 {width:120px; height:26px; border:1px solid #cdcdc7; background:#ffffff; color:#808080; font-size:1.295em; font-weight: bold;}
.select3 {width:70px; height:26px; border:1px solid #cdcdc7; background:#ffffff; color:#808080; font-size:1.295em; font-weight: bold; overflow:hidden;}
textarea {width:300px; height:105px; border:1px solid #cdcdc7; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}
.label {font-size: 15px; color: #004080}
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;

}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */ 
.clearfix
{
display:inline-block;
}
/*=========================  layout  =============================*/
#main { text-align:left; width:1003px;}
/*=========================  header  =============================*/
#header{height:129px; background:url(images/header-tail.gif) top repeat-x; padding:16px 17px 0 15px;}
#header .menu{width:626px; overflow:hidden; padding-top:27px; height:44px;float:right;display:inline;}
#header .menu ul { float:left;display:inline;}
#header .menu li {margin-left:2px; float:left; width:102px; text-align:center; background:none; padding:0; font-size:1.083em; line-height:1em;display:inline;}
#header .menu li a {display:block; background:url(images/menu-tail-bg.gif) top repeat-x; color:#ffffff; text-decoration:none; margin-top:3px;}
#header .menu li a span {background:url(images/menu-right-bg.gif) top right no-repeat; display:block;}
#header .menu li a span span {background:url(images/menu-left-bg.gif) top left no-repeat; padding:15px 0 13px 0;}
#header .menu li a:hover {background:url(images/menu-tail-bg-act.gif) top repeat-x; color:#373737; font-weight:bold;  margin-top:3px;}
#header .menu li a:hover span {background:url(images/menu-right-bg-act.gif) top right no-repeat; display:block;}
#header .menu li a:hover span span {background:url(images/menu-left-bg-act.gif) top left no-repeat; padding:15px 0 13px 0;}
#header .menu .active a {background:#f5f5eb; color:#373737; font-weight:bold; margin:0;}
#header .menu .active a span {background:url(images/menu-right-bg-act.gif) top right no-repeat;}
#header .menu .active a span span {background:url(images/menu-left-bg-act.gif) top left no-repeat; padding-top:18px;}
.logo {margin-top:50px; background-image:url(images/iCoach_logo2-beta.gif); width:324px; height:57px;}
.logo-small {margin-top:20px; background-image:url(images/main-logo-beta.gif); width:211px; height:27px; cursor:pointer;}
.breadcrumb-nav {padding:5px 5px 5px 5px;font-size:1.2em;font-weight:normal;color:#730202;}
.breadcrumb-nav-small {padding:0px;font-size:0.9em;font-weight:normal;color:#000000;}
.breadcrumb-nav-small a{ color:green; text-decoration:underline;}
#smallHeader{height:85px; background: #F5F5EB url(images/headder-sm-tail.png) bottom repeat-x;padding:0px 17px 0px 15px;width:971px}
#smallHeader .menu{width:600px; overflow:hidden; padding-top:16px; height:28px;float:right;display:inline;}
#smallHeader .menu ul { float:left;display:inline;}
#smallHeader .menu li {margin-left:2px; float:left; width:70px; text-align:center; background:none; padding:0; font-size:1.083em; line-height:1em;display:inline;}
#smallHeader .menu li a {display:block; background:url(images/menu-tail-sm.png) top repeat-x; color:#ffffff; text-decoration:none; margin-top:3px;}
#smallHeader .menu li a span {background:url(images/menu-right-sm.png) top right no-repeat; display:block;}
#smallHeader .menu li a span span {background:url(images/menu-left-sm.png) top left no-repeat; padding:5px 0 13px 0;}
#smallHeader .menu li a:hover {background:url(images/menu-tail-sm-act.png) top repeat-x; color:#373737; font-weight:bold; margin:0;}
#smallHeader .menu li a:hover span {background:url(images/menu-right-sm-act.png) top right no-repeat;}
#smallHeader .menu li a:hover span span {background:url(images/menu-left-sm-act.png) top left no-repeat; padding-top:9px;}
#smallHeader .menu .active a {background:#f5f5eb; color:#373737; font-weight:bold; margin:0;}
#smallHeader .menu .active a span {background:url(images/menu-right-sm-act.png) top right no-repeat;}
#smallHeader .menu .active a span span {background:url(images/menu-left-sm-act.png) top left no-repeat; padding-top:9px;}
/*========================== serarchDiv ===========================*/
#serarchDiv{background:url(images/form-tail.gif) top repeat-x; font-weight:bold; color:#ffffff; font-size:1.083em; width:510px; float:right;display:inline;}
#serarchDiv .searchDetail{height:55px;font-size:.9em;letter-spacing:.1px;}
#serarchDiv .input {width:139px; height:20px; border:1px solid #b7871e; background:#ffffff; padding:0 0 0 5px; font-size:1em; margin:0 5px 0 0;}
#serarchDiv .select {width:90px; border:1px solid #b7871e; background:#ffffff; color:#848484; font-size:0.923em; margin:0 5px 0 10px;}
#serarchDiv .right-bg {background:url(images/form-right-bg.gif) top right no-repeat;}
#serarchDiv .left-bg {background:url(images/form-left-bg.gif) top left no-repeat; padding:0 20px 16px 34px;}

#serarchDivSamll{background:url(images/find-tail-sm.png) top repeat-x; font-weight:bold; color:#ffffff; font-size:1.083em; width:350px; float:right; margin-top:9px;display:inline;}
#serarchDivSamll .searchDetail{height:24px;font-size:.9em;letter-spacing:.1px;}
#serarchDivSamll .input {width:150px; height:20px; border:1px solid #b7871e; background:#ffffff; padding:0 0 0 5px; font-size:1em; margin:0 5px 0 0;}
#serarchDivSamll .select {width:100px;height:20px; border:1px solid #b7871e; background:#ffffff; color:#848484; font-size:0.923em; margin:0 5px 0 10px;}
#serarchDivSamll .right-bg {background:url(images/find-right-sm.png) top right no-repeat;}
#serarchDivSamll .left-bg {background:url(images/find-left-sm.png) top left no-repeat; padding:5px 10px 5px 10px;}

/*========================== button ===========================*/
.buttonOrange {background:url(images/button-tail-bg.gif) top repeat-x; display:inline-block; font-size:0.846em; color:#ffffff; text-transform:uppercase; text-decoration:none;}
.buttonOrange a {text-decoration:none;}
.buttonOrange span {background:url(images/button-right-bg.gif) top right no-repeat; display:inline-block;}
.buttonOrange span span {background:url(images/button-left-bg.gif) top left no-repeat; padding:1px 8px 0 10px;}

.buttonBlue {background:url(images/btnImages/btn-left-blue.png) top left no-repeat; display:inline-block; font-size:1em;color:#ffffff; text-transform:uppercase; text-decoration:none; position:relative;}
.buttonBlue span {background:url(images/btnImages/btn-right-blue.png) top right no-repeat; display:inline-block;}
.buttonBlue span span {background:url(images/btnImages/btn-tail-blue.png) top repeat-x;padding:4px 15px 1px 13px; height:28px;margin:0px 5px 0px 5px;}

.buttonBlue:hover {background:url(images/btnImages/btn-left-blue-roll.png) top left no-repeat;  display:inline-block; font-size:1em;color:#ffffff; text-transform:uppercase; text-decoration:none; position:relative;}
.buttonBlue span:hover {background:url(images/btnImages/btn-right-blue-roll.png) top right no-repeat; display:inline-block;}
.buttonBlue span span:hover {background:url(images/btnImages/btn-tail-blue-roll.png) top repeat-x;padding:4px 15px 1px 13px; height:28px;margin:0px 5px 0px 5px;}

.buttonBlue:active {background:url(images/btnImages/btn-left-blue-click.png) top left no-repeat;  display:inline-block; font-size:1em;color:#ffffff; text-transform:uppercase; text-decoration:none; position:relative;}
.buttonBlue span:active {background:url(images/btnImages/btn-right-blue-click.png) top right no-repeat; display:inline-block;}
.buttonBlue span span:active {background:url(images/btnImages/btn-tail-blue-click.png) top repeat-x;padding:4px 15px 1px 13px; height:28px;margin:0px 5px 0px 5px;}

.buttonBlue2 {background:url(images/button-tail-bg-blue.gif) top repeat-x; display:inline-block; font-size:0.846em;color:#ffffff; text-transform:none; text-decoration:none; position:relative;}
.buttonBlue2 span {background:url(images/button-right-bg-blue.gif) top right no-repeat; display:inline-block;}
.buttonBlue2 span span {background:url(images/button-left-bg-blue.gif) top left no-repeat; padding:1px 15px 1px 13px;}

.buttonBlueBold {background:url(images/btnImages/btn-left-blue-bg.png) top left no-repeat; display:inline-block; font-size:2em;color:#ffffff; text-decoration:none; position:relative;}
.buttonBlueBold span {background:url(images/btnImages/btn-right-blue-bg.png) top right no-repeat; display:inline-block;}
.buttonBlueBold span span {background:url(images/btnImages/btn-tail-blue-bg.png) top repeat-x; padding:16px 25px 18px 25px; height:55px;margin:0px 8px 0px 8px;}

.buttonBlueBold:hover {background:url(images/btnImages/btn-left-blue-bg-roll.png) top left no-repeat; display:inline-block; font-size:2em;color:#ffffff; text-decoration:none; position:relative;}
.buttonBlueBold span:hover {background:url(images/btnImages/btn-right-blue-bg-roll.png) top right no-repeat; display:inline-block;}
.buttonBlueBold span span:hover {background:url(images/btnImages/btn-tail-blue-bg-roll.png) top repeat-x; padding:16px 25px 18px 25px; height:55px;margin:0px 8px 0px 8px;}

.buttonBlueBold:active {background:url(images/btnImages/btn-left-blue-bg-click.png) top left no-repeat;  display:inline-block; font-size:2em;color:#ffffff; text-decoration:none; position:relative;}
.buttonBlueBold span:active {background:url(images/btnImages/btn-right-blue-bg-click.png) top right no-repeat; display:inline-block;}
.buttonBlueBold span span:active {background:url(images/btnImages/btn-tail-blue-bg-click.png) top repeat-x; padding:16px 25px 18px 25px; height:55px;margin:0px 8px 0px 8px;}

.buttonBlueLive {background:url(images/btn-signup-tail.png) top repeat-x; display:inline-block; font-size:1.846em;color:#ffffff;  text-decoration:none; position:relative;}
.buttonBlueLive span {background:url(images/live_tm.PNG) right center no-repeat; display:inline-block; padding-right: -5px;}
.buttonBlueLive span span {background:url(images/btn-signup-right.png) top right no-repeat; display:inline-block;}
.buttonBlueLive span span span{background:url(images/btn-signup-left.png) top left no-repeat; padding:16px 0 18px 50px;}

/*========================== content ===========================*/
#content {padding:22px 16px 27px 15px; background:#f5f5eb;width:971px;}
.col{ float:left;display:inline;}
#ContactDiv {font-weight:bold;padding:5px 0 5 0;}
#ContactDiv .row {height:57px;font-size:1.1em;letter-spacing:.1px;}
#ContactDiv .link {float:right; margin-left:20px;display:inline;}

#information{ padding:0px 10px 5px 20px; height:20px;display:inline}
#information .leftDiv{float:left;color:#4a5f82;display:inline;}
#information .rightDiv{float:right;display:inline;}
.input-login {width:195px; height:23px; border:1px solid #cdcdc7; background:#fff; padding:0 0 0 5px; font-size:1em;position:relative;}
.imgindent {margin:0 9px 0 0; float:left;display:inline;}
.imgindent2 {margin:-11px 20px 0 6px; float:left;display:inline; width: 150px; height: 130px;}
.content1 {margin:-8px 0 0 175px; }
.content2 {margin:-8px 0 0 0; font-size: 0.93em }

.sidebar{width:232px; margin-right:-249px; position:relative;}
.sidebar2{width:232px; margin-right:-249px; }

.site-content {font-size:1.083em; line-height:1.231em; }
.site-content .link {font-size:1.385em; line-height:1em;}
.site-content li {font-size:1.923em; line-height:2em;}
.site-content h2 {font-size:1.846em; line-height:1em;}
.site-content .indent { margin-left:259px;width:710px}

.paddingTop17 {padding-top:17px;}
.paddingTopRight {padding-top:2px;margin-right:-10px;}
.paddingTop27 {padding-top:27px;}
.paddingLeft{padding-left:15px;}
.marginTop0{margin-top:0px;}
.marginTop10{margin-top:10px;}
.marginTop80{ margin-top:80px;}
.padding-index{ padding:0 10px 0 30px;}
.padding-index h2{color:Black; font-weight:bold;padding:0; margin:0; }
.padding-index .fontsmall{color:Black; font-weight:normal; font-size:15px; padding:0; margin:0}
.padding-index .fontblod{color:Black; font-weight:bold; padding-top:13px; margin:0}
.padding-index .fontblod .paddingleft{ padding-left:5px;}
.padding-index .fontblod .underline{ text-decoration:underline;}
.padding-index .fontnormal{margin:0; clear:both;}
.padding-index .indent{ margin:0;padding:5px;}
.padding-index .tableDiv{ display:table;}
.padding-index .fontblod a{ padding-left:10px; font-weight:lighter; color:#524C88; cursor:pointer; text-decoration:none;}
.padding-index .fontsmall2{color:Black; font-weight:normal; font-size:12px;padding-bottom:20px; margin:0}
.padding-index .fontsmall2 p{padding:0;margin:0}

a {color:#0000ff; text-decoration:none;}
a:hover {text-decoration:none;}
.bluelink{color:#8b8daf; font-size:small; text-decoration:underline; cursor:pointer}
.bluelink:hover{color:Blue;font-size:small; text-decoration:underline; cursor:pointer}
p {padding-top:15px;}
.smallNavSelect{ color:#722c2a; font-style:italic;}
.link {font-size:1.5em; display:inline-block; margin-top:26px;color:#730202;}
.link3 {color:#730202;}
.link4 {color:#a8a285;}

li {background:url(images/list-bg.gif) no-repeat 0 10px; padding-left:8px; line-height:2em;}
li a {color:#ff0000;}

h2 {color:#000000; font-size:2em; line-height:1em; font-weight:normal; margin-bottom:15px;}
h3 {color:#000; font-size:1.5em; line-height:1em; font-weight:normal; margin:10px 0 5px 0;color:#730202;}
h4 {color:#373737; font-size:1.2em; line-height:1.2em; font-weight:normal; padding:3px 0 0 3px; }

.greyFont{ font-size:2.7em; color:#cdcdc7; padding:9px 0px 6px 5px;}
.inputGrey {padding:10px 10px 10px 10px;}
.inputGrey input{width:220px; height:19px; border:1px solid #cdcdc7; background:#fff; font-size:1em; color:#cdcdc7; padding:0px;}
.divGrey{border:1px solid #cdcdc7; background:#fff; font-size:1em; color:#cdcdc7; margin:10px 10px 0px 10px;}
.divGrey .blackFont{color:Black;}
.divGrey .blackFont img{padding-top:5px; padding-left:10px;}
.divGrey .blackFont span{ padding:10px;position:relative; top:5px;}
.divGrey .greyFont{ color:#cdcdc7; text-align:left; font-size:1em; padding:0 0 5px 50px;}

.divGrey2{border:1px solid #cdcdc7; background:#fff; font-size:1em; color:#cdcdc7; margin:0px 10px 10px 10px;}
.divGrey2 .blackFont{color:Black;}
.divGrey2 .blackFont img{padding-top:5px; padding-left:10px;}
.divGrey2 .blackFont span{ padding:10px;position:relative; top:5px;}
.divGrey2 .greyFont{ color:#cdcdc7; text-align:left; font-size:1em; padding:0 0 5px 50px;}
.divGrey2 .greyFont2{color:#cdcdc7;}
.divGrey2 .greyFont2 img{padding-top:5px; padding-left:10px;}
.divGrey2 .greyFont2 span{ padding:10px;position:relative; top:5px;}


.friendTable{margin-top:10px; margin-bottom:10px;}
.friendTable .friendTd{border-right:solid 1px #ccc; padding-left:10px; width:33%; vertical-align:top}
.friendTable .friendTdLast{padding-left:10px; width:33%; vertical-align:top}
.friendTable .tdCol1{width:50%; padding-top:15px;vertical-align:middle}
.friendTable .tdCol2{width:30%; text-align:right;padding-top:15px; vertical-align:middle}
.friendTable .tdCol3{width:20%; padding-left:5px;text-align:left;padding-top:15px;vertical-align:middle}
.floatDiv{position: absolute;font-size:12px;z-index:1000;}
/*========================== si ebar ===========================*/
.sidebar {width:242px; margin-right:-249px; position:relative;}
.sidebar2 {width:232px; margin-right:-249px; }
/*========================== footer ===========================*/
#footer {font-size:1.083em; padding:32px 21px 0 25px; height:46px; background-color:#f5f5eb;}
#footer a {font-size:0.9em; text-decoration:none; color: #004080}
#footer label {color:#8a877b;font-size:0.9em;}

#footerSmall {font-size:1.083em; padding:32px 21px 0 25px; height:46px; color:#8a877b;}
#footerSmall a {color:#0000ff;}
#footerSmall .menu {float:right;display:inline;}
#footerSmall .menu li {display:inline; background:url(images/footer-menu-devider.gif) top left no-repeat; padding:0 12px 0 13px; line-height:1.667em;}
#footerSmall .menu li a {color:#0000ff;}
#footerSmall .menu .first {background:none;}

/*========================== corner box ===========================*/
.box{ background-color:#ffffff;width: 100%;}
.box .tail-bottom{background:#f6f6f2 url(images/box2-tail-bottom.gif) bottom repeat-x;}
.box .tail-right {background:url(images/box2-tail-right.gif) right repeat-y;}
.box .tail-left {background:url(images/box2-tail.gif) left repeat-y;}
.box .tail-top {background:url(images/box2-top-tail.gif) top repeat-x;}
.box .corner-bottom-right {background:url(images/box2-corner-bottom-right.gif) bottom right no-repeat;}
.box .corner-bottom-left {background:url(images/box2-corner-bottom-left.gif) bottom left no-repeat;}
.box .corner-top-right {background:url(images/box2-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {background:url(images/box2-corner-top-left.gif) top left no-repeat; width:100%;}

.box .corner-top-right3 {background:url(images/box2-corner-top-right2.gif) top right no-repeat;}
.box .corner-top-left3 {background:url(images/box2-corner-top-left2.gif) top left no-repeat; width:100%;}

.box .tail-bottom2{background:#f6f6f2 url(images/box3-tail-bottom.gif) bottom repeat-x;}
.box .tail-right2 {background:url(images/box3-tail-right.gif) right repeat-y;}
.box .tail-left2 {background:url(images/box3-tail.gif) left repeat-y;}
.box .tail-top2 {background:url(images/box3-top-tail.gif) top repeat-x;}
.box .corner-bottom-right2 {background:url(images/box3-corner-bottom-right.gif) bottom right no-repeat;}
.box .corner-bottom-left2 {background:url(images/box3-corner-bottom-left.gif) bottom left no-repeat;}
.box .corner-top-right2 {background:url(images/box3-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left2 {background:url(images/box3-corner-top-left.gif) top left no-repeat; width:100%;}

.box .boxLogin-indent {padding:2px 0 0 14px;}
.box .box-indent2 {padding:20px 25px 20px 5px;}
.box .box-indent3 {padding:0 24px 24px 15px; height: 170px;}
.box .box-indent3a {padding:0 25px 5px 15px; margin-bottom: 50px;height: 575px;}
.box .box-indent4{padding:20px;}
.box .box-indent5 {padding:20px 30px 25px 25px;}
.box .box-indent6 {padding:0 25px 24px 15px; height: 120px;}
.box .box-indent7{padding:0 25px 25px 25px;}
.box .box-indent8{padding:0 10px 10px 10px;}
.box .box-indent9{padding:0 10px 10px 10px;}
.box .box-indent10{padding:2px 25px 10px 5px;}
.box .fontSize{font-size:1.231em; line-height:1.188em;}
.box h2 {font-size:1.5em; line-height:1em;}
.box .link2 {font-size:0.875em; text-decoration:none; color: #004080}
.box .link20 {font-size:1.385em; line-height:1em; position:relative; top:36px;}
.box .link17 {font-size:1.125em; line-height:1em; margin-top:17px;}
.box li {font-size:0.75em; line-height:2em;}
.boxbgcolor1{ background-color:#f7f7f7;}
.boxbgcolor2{ background-color:#ffffff;}
.boxbgcolor3{ background-color:#f6f6f2;}
/*========================== title ===========================*/
.titleOrange{color:#ffffff; background:url(images/title1-tail.gif) top repeat-x; margin:0 0 10px 0px; position:relative; width:220px;}
.titleOrange .titleFont{font-size:1.31em;display:block; background:url(images/title1-right-bg2.gif) top right no-repeat; padding:13px 15px 16px 13px;}
.titleOrange .titleFont1{font-size:1.3em;display:block; background:url(images/title1-right-bg2.gif) top right no-repeat; padding:13px 15px 16px 13px;}

.titleOrange2{color:#ffffff; background:url(images/title1-tail.gif) top repeat-x; margin:0 0 10px 0px; position:relative; width:240px; height:46px;}
.titleOrange2 .titleFont{font-size:1.31em;display:block; background:url(images/title1-right-bg2.gif) top right no-repeat; padding:13px 15px 16px 13px;}
.titleOrange2 .fontPhoto{font-size:1em;display:block; background:url(images/title1-right-bg2.gif) top right no-repeat; padding:4px 0px 6px 5px;height:35px;}
.titleOrange2 .fontPhoto img{ margin-right:8px;}

.titleRed {color:#ffffff; background:url(images/title2-tail.gif) top repeat-x; margin:0 0 10px -14px; position:relative; width:220px;}
.titleRed .titleFont{font-size:1em;display:block; background:url(images/title2-right-bg.gif) top right no-repeat; padding:12px 15px 16px 13px;}

.titleRed2 {color:#ffffff; background:url(images/title2-tail.gif) top repeat-x; margin:0 0 10px -14px; position:relative; width:220px;}
.titleRed2 .titleFont2{font-size:1em;display:block; background:url(images/title2-right-bg.gif) top right no-repeat; padding:12px 15px 16px 13px;}

.titleRed8 {color:#ffffff; background:url(images/title2-tail.gif) top repeat-x; margin:-56px 0 10px -14px; position:relative; width:220px;}
.titleRed8 .titleFont8{font-size:1em;display:block; background:url(images/title2-right-bg.gif) top right no-repeat; padding:12px 15px 16px 13px;}

.titleRed9 {color:#350000; background:url(images/title2-tail.gif) top repeat-x; margin:0 0 10px -14px; position:relative; width:220px;}
.titleRed9 .titleFont9{font-size:1em;display:block; background:url(images/title2-right-bg.gif) top right no-repeat; padding:12px 15px 16px 13px;}

.titleRed11 {color:#ffffff; background:url(images/title2-tail.gif) top repeat-x; margin:-56px 0 10px -14px; position:relative; width:220px;}
.titleRed11 .titleFont11{font-size:1em;display:block; background:url(images/title2-right-bg.gif) top right no-repeat; padding:12px 15px 16px 13px;}

.titleRed12 {color:#350000; background:url(images/title2-tail.gif) top repeat-x; margin:0 0 10px -14px; position:relative; width:220px; border:solid 0px red;}
.titleRed12 .titleFont12{font-size:1em;display:block; background:url(images/title2-right-bg.gif) top right no-repeat; padding:12px 15px 16px 13px;}

.titleRed13 {color:#350000; background:url(images/title2-tail.gif) top repeat-x; margin:-56px 0 10px -14px; position:relative; width:220px; border:solid 0px blue;}
.titleRed13 .titleFont13{font-size:1em;display:block; background:url(images/title2-right-bg.gif) top right no-repeat; padding:12px 15px 16px 13px;}
/* ============================= Colunm ===========================*/

.col2-1 { width:49%; float:left;display:inline;}
/*.col2-2 { width:49%;float: left;margin-right:-3px;display:inline;}*/
.col2-2 { width:49%;float: left;margin-left:4px;}

.newCol2-1 { width:17%; float:left;display:inline;}
.newCol2-2 { width:70%;float:left;margin-right:-3px;display:inline;}
.newCol2-2-2 { width:50%;float:left;margin-right:-3px;display:inline;}
.newCol2-2-3 { width:77%;float:left;margin-right:-3px;display:inline;}

.col3-1 { width:33%;float:left;display:inline;}
.col3-2 { width:33%;padding-right: 0px; padding-left: 0px;float: left; padding-bottom: 0px; margin: 0px 5px; padding-top: 0px;display:inline;}
.col3-3 { width:33%;float:right;margin-right:-3px;display:inline;}

.colTitleFont{color:#3a3b65; font-size:1em;}
.colIndent{padding-right: 15px; padding-left: 15px; padding-bottom: 8px; margin: 0px auto; padding-top: 8px;overflow:hidden;}
.colline{ border-right:solid 2px #cdcdc7;margin-right:10px; }
.colDetail{padding-top:6px;}
.colDetail span{ margin:0px;}
.colDetail span a{ color:#3f4076; text-decoration:underline;}
.colDetail span input{}
.colDetail .greyColor{ color:#cdcdc7; text-decoration:underline;}
.colDetail .awidth{width:200px; text-align:left;}

.col-pad1 {margin-right:1px;}


/*==========================================================================*/
.titleRed2 {color:#ffffff; background:url(images/title4-tail.png) top repeat-x; margin:0 0 10px -14px; position:relative; width:220px;}
.titleRed3 {color:#ffffff; background:url(images/title4-tail.png) top repeat-x; margin:-1px 0 0 -14px; position:relative; width:170px;}
.titleRed2 .titleFont2{font-size:1em;display:block; background:url(images/title4-right.png) top right no-repeat; padding:4px 15px 16px 13px;}
.titleRed3 .titleFont3{font-size:1em;display:block; background:url(images/title4-right.png) top right no-repeat; padding:5px 15px 16px 13px;}
.titleRed4 {color:#ffffff; background:url(images/title4-tail.png) top repeat-x; margin:-20px 0 10px -20px; position:relative; width:220px;}
.titleRed4 .titleFont{font-size:1em;display:block; background:url(images/title4-right.png) top right no-repeat; padding:4px 15px 16px 13px;}

.titleRed5 {color:#ffffff; background:url(images/title4-tail.png) top repeat-x; margin:-20px 0 10px -20px; position:relative; width:150px;}
.titleRed5 .titleFont{font-size:1em;display:block; background:url(images/title4-right.png) top right no-repeat; padding:4px 15px 16px 13px;}

.titleRed91 {color:#ffffff; background:url(images/title4-tail.png) top repeat-x; margin:-1px 0 0 -14px; position:relative; width:200px;}
.titleRed91 .titleFont91{font-size:1.1em;display:block; background:url(images/title4-right.png) top right no-repeat; padding:5px 15px 26px 13px;}
.titleRed92 {color:#ffffff; background:url(images/title4-tail.png) top repeat-x;margin:-15px 0 0 -10px; position:relative; width:200px;}
.titleRed92 .titleFont92{font-size:1.1em;display:block; background:url(images/title4-right.png) top right no-repeat; padding:5px 15px 26px 13px;}
.titleFont5
{
	float: left;display: block;background:url(images/btn-message.png) top right no-repeat; color: #FFFFFF; font-size: 16px; font-weight: bold;height:25px;width:171px; 
    padding:5px 0 0 0; text-decoration:  none;       
}

.titleFont6
{
	float: left;display: block;background:url(images/btn-add-new.png) top right no-repeat; color: #FFFFFF; font-size: 12px; font-weight: bold;height:25px;width:105px; 
    padding:5px 15px 0 0; text-decoration:  none;       
}
.titleRed7 {color:#ffffff; background:url(images/title5-tail.png) top repeat-x; margin:0px;  width:220px; cursor:pointer;}
.titleRed7 .titleFont{font-size:0.8em;display:block; background:url(images/title5-right.png) top right no-repeat; padding:2px 15px 0 13px;}

.titleRed7Show {color:#ffffff; background:url(images/title5-tail.png) top repeat-x; margin:0px;  width:220px; cursor:pointer;}
.titleRed7Show .titleFont{font-size:0.8em;display:block; background:url(images/title5-rignt-act.png) top right no-repeat; padding:2px 15px 0 13px;}

.marginTemplate{margin:0 0 20px 0;}
.graysmallfont{color:Gray; font-size:0.9em; padding:0 10px 30px 30px;}
.cleveland_gladiators {background:url(images/cleveland_gladiators.GIF)}
.chiefs {background:url(images/chiefs.GIF) no-repeat center;text-align:center;}

.titleOrange2{color:#ffffff; background:url(images/title1-tail.gif) top repeat-x; margin:0 0 10px 0px; position:relative; width:240px;}
.titleOrange2 .titleFont{font-size:1.31em;display:block; background:url(images/title1-right-bg2.gif) top right no-repeat; padding:13px 15px 16px 13px;}
.titleOrange2 .fontPhoto{font-size:1em;display:block; background:url('images/title1-right-bg2.gif') no-repeat right top; padding:4px 0px 6px 5px;}
.headCoach{color:#ffffff; background:url(images/head_coach.PNG) top repeat-x; width:220px;}
.homeLocation{color:#ffffff; background:url(images/home_location.PNG);}

/*=========================table css====================================*/



.listtable{width:98%; border:solid 0px #D4D4D4; background-color:#D4D4D4;}
.listtablebg{width:98%; border:solid 0px #D4D4D4; background-color:#fcfcfc;}
.listtable .listtitle{background-image:url("images/tableImages/2_01_r3_c6.jpg");background-repeat:repeat-x; background-color:#fcfcfc; background-position:19px 2px;}
.listtable .listtitle .div0{float:left; padding-left:8px; border :solid 0px blue; height:29px; padding-bottom:0px; padding-top:0px; margin-left:7px;}
.listtable .listtitle .div0 .div1
{
	float:left; padding-left:0px; border :solid 0px yellow; height:20px;  padding-top:5px;color: #505050; font-weight: bold; font-size: 13px;
	 background-position:0px 7px;
}
.listtable .listtitle .div0 .div2
{
	float:left; padding-left:20px; border :solid 0px yellow; height:20px;  padding-top:5px;color: #505050; font-weight: bold; font-size: 13px;
	background-image:url(images/tableImages/2_01_r4_c8.jpg); background-repeat:no-repeat; background-position:0px 7px;
}

.listtable .listrow11{color:#505050; padding-left:12px; font-weight:bold;   font-size:11px;  background-image:url("images/tableImages/lb_r3_c3.jpg"); background-repeat:repeat-x; background-color:#fcfcfc;}
.listtable .listrow11 .td11{padding-left:6px; padding-right:4px;height:28px;}
.listtable .listrow11 .td22{padding-left:13px; padding-right:4px;height:28px;}

.listtable .listrowtd{color:#505050; padding-left:13px; font-weight:normal;  font-size:11px; height:29px; padding-top:4px; padding-bottom:4px;}
.listtable .listrow_selected{background-color: #b2e1ff;}
.listtable .listrow_default{background-color: #fcfcfc;}

.imageData 
{
	width:25px; height: 35px; margin-left:4px; margin-right:4px;
}

/*********************************table2 css***********************************************/
.listtable1{border:solid 0px #D4D4D4; background-color:#D4D4D4; position:relative; left:5px; bottom:10px;}
.listtablebg{border:solid 0px #D4D4D4; background-color:#fcfcfc;}
.listtable1 .listtitle{background-image:url("images/tableImages/2_01_r3_c6.jpg");background-repeat:repeat-x; background-color:#fcfcfc; background-position:0px 2px;}
.listtable1 .listtitle .div0{float:left; padding-left:8px; border :solid 0px blue; height:29px; padding-bottom:0px; padding-top:0px;}
.listtable1 .listtitle .div0 .div1
{
	float:left; padding-left:0px; border :solid 0px yellow; height:20px;  padding-top:5px;color: #505050; font-weight: bold; font-size: 13px;
	 background-position:0px 7px;
}
.listtable1 .listtitle .div0 .div2
{
	float:left; padding-left:20px; border :solid 0px yellow; height:20px;  padding-top:5px;color: #505050; font-weight: bold; font-size: 13px;
	background-image:url(images/tableImages/2_01_r4_c8.jpg); background-repeat:no-repeat; background-position:0px 7px;
}

.listtable1 .listrow11{color:#505050; padding-left:12px; font-weight:bold;   font-size:11px;  background-image:url("images/tableImages/lb_r3_c3.jpg"); background-repeat:repeat-x; background-color:#fcfcfc;}
.listtable1 .listrow11 .td11{padding-left:6px; padding-right:4px;height:28px;}
.listtable1 .listrow11 .td22{padding-left:13px; padding-right:4px;height:28px;}

.listtable1 .listrowtd{color:#505050; padding-left:13px; font-weight:normal;  font-size:11px; height:29px; padding-top:4px; padding-bottom:4px;}
.listtable1 .listrow_selected{background-color: #b2e1ff;}
.listtable1 .listrow_default{background-color: #fcfcfc;}
/*=========================newtable css====================================*/



.newlisttable{ border:solid 0px #D4D4D4; background-color:#D4D4D4;}
.newlisttablebg{width:98%; border:solid 0px #D4D4D4; background-color:#fcfcfc;}
.newlisttable .listtitle{background-image:url("images/tableImages/2_01_r3_c6.jpg");background-repeat:repeat-x; background-color:#fcfcfc;}
.newlisttable .listtitle .div0{float:left; border :solid 0px blue; height:29px; padding-bottom:0px; padding-top:0px;}
.newlisttable .listtitle .div0 .div1
{
	float:left; padding-left:0px; border :solid 0px yellow; height:20px;  padding-top:5px;color: #505050; font-weight: bold; font-size:0,9em;
}
.newlisttable .listtitle .div0 .div1 td
{
	padding-left:5px;
}
.newlisttable .listrow11{color:#505050; padding-left:12px; font-weight:bold;   font-size:11px;  background-image:url("images/tableImages/lb_r3_c3.jpg"); background-repeat:repeat-x; background-color:#fcfcfc;}
.newlisttable .listrow11 .td11{padding-left:6px; padding-right:4px;height:28px;}
.newlisttable .listrow11 .td22{padding-left:13px; padding-right:4px;height:28px;}

.newlisttable .listrowtd{color:#505050; padding-left:5px; font-weight:normal;  font-size:11px; height:29px; padding-top:4px; padding-bottom:4px;}
.newlisttable .listrowinpouttd{padding-left:5px;}
.newlisttable .listrow_selected{background-color: #b2e1ff;}
.newlisttable .listrow_default{background-color: #fcfcfc;}
/************************ step2 ************************************/
.grayLine {background:url(images/trim-sliderbar-tail.png) top repeat-x; display:inline-block; width: 100%;}
.grayLine span {background:url(images/trim-sliderbar-right.png) top right no-repeat; display:inline-block; width: 100%;}
.grayLine span span {background:url(images/trim-sliderbar-left.png) top left no-repeat; padding:16px 30px 0 30px; width: 100%;}

/****************************  uploadPicture  ****************************/
 .upload-icon {
            background: url('ext-2.2/examples/shared/icons/fam/image_add.png') no-repeat 0 0 !important;
        }
#fi-button-msg {
		border: 2px solid #ccc;
		padding: 5px 10px;
		background: #eee;
		margin: 5px;
		float: left;
	}
/*========================== image style =======================================*/
.map {
    width:130px;
	display:table-cell;/* for opera */
	text-align:center;
	vertical-align:middle;/* for opera */
	padding-top:10px;
	cursor:pointer;
}
.mapBorder {
    width:130px;
	display:table-cell;/* for opera */
	text-align:center;
	vertical-align:middle;/* for opera */
	padding-top:10px;
	border:solid 1px #1860a7;
	cursor:pointer;
}
img {
       display:inline-block;
	text-align: center;
	vertical-align:middle;
}
.edge {
     width:0;
	 height:100%;
	 display:inline-block;
	 vertical-align:middle;
}
.imageUserNameFont{color:#333366; border:solid 0px red;}
/*=========================   settingTabble  =========================*/
.setTable{ width:400px;}
.setTable td{ vertical-align:middle;}
.setTable .setTdLeft{color:#4A657A; text-align:right; padding-right:10px;width:30%; font-weight:bold; height:40px;}
.setTable .setTdRightGray{color:Gray; text-align:left; padding-left:10px; height:40px;}
.setTable .setTdRightBlack{color:Black; text-align:left; padding-left:10px; height:40px;}
.setTable .setTdRightButton{text-align:left; padding-left:10px;}
.setTable .grayfont{color:Gray; font-size:0.9em;}
.setTable .longText{width:260px; height:17px;font-size:0.9em}
.setTable .shortText{width:190px;height:17px; font-size:0.9em}
.setImage{margin-right:40px;font-style:normal;}
.setbuttonUpload{ margin-top:10px;}
.setSportFont{color:#394A5A; font-size:1.5em; font-weight:500;}
/*=========================   setting date Tabble  =========================*/
.personalTableWidth{ width:650px;}
.persongalTableTdLeftWidth{width:120px;}
.dateTable{width:200px;}
.dateTable .listTD{ height:20px; text-align:center;}
.dateTable .fontdiv{ height:15px; font-size:0.8em; color:Gray;}
.statetextbox{ width:30px; font-size:0.9em}
.ziptextbox{width:60px; font-size:0.9em; margin-left:10px;}
.fontStype{color:#4A657A; text-align:left; padding-left:25px; padding-right:2px; font-weight:bold;}

.notificationsTable{width:650px}
.notificationsTable .infoFont{font-size:1em; padding-bottom:20px;}
.notificationsTable .titleFont{font-size:1em; font-weight:bold; padding-left:10px; color:Black;}
.notificationsTable .leftCol{font-size:1em; color:#2F4D69; font-weight:bold; width:130px; text-align:right; height:35px;}
.notificationsTable .checkBoxCol{padding-left:10px;}
/*=======================   message linkButton   ==========================*/
.linkButton{color:#433D79; font-size:1em; margin-left:20px; text-decoration:underline;}
.messageLabel{color:#31312F; font-size:1.0em;}
.messageSearchText{ width:90px; height:13px;}
.requestEvent{height:18px; background:url(images/icons/tab-new-calendar.png) no-repeat 0px 0px; padding-left:30px; color:#3C359C; font-weight:bold; border:solid 0px red; float:left; width:70px; margin-top:10px; cursor:pointer;}
.requestVideo{height:18px; background:url(images/icons/tab-new-video.png) no-repeat 0px 0px; padding-left:30px; color:#3C359C; font-weight:bold; border:solid 0px red; float:left; width:70px; margin-top:10px; cursor:pointer;}
.requestFriend{height:18px; background:url(images/icons/tab-new-friend.png) no-repeat 0px 0px; padding-left:30px; color:#3C359C; font-weight:bold; border:solid 0px red; float:left; width:70px; margin-top:10px; cursor:pointer;}
.requestCoach{height:18px; background:url(images/icons/tab-new-coach.png) no-repeat 0px 0px; padding-left:30px; color:#3C359C; font-weight:bold; border:solid 0px red; float:left; width:70px; margin-top:10px; cursor:pointer;}
.requestTeam{height:18px; background:url(images/icons/tab-new-team.png) no-repeat 0px 0px; padding-left:30px; color:#3C359C; font-weight:bold; border:solid 0px red; float:left; width:70px; margin-top:10px; cursor:pointer;}
.requestMessage{height:18px; background:url(images/icons/tab-new-message.png) no-repeat 0px 0px; padding-left:30px; color:#3C359C; font-weight:bold; border:solid 0px red; float:left; width:70px; margin-top:10px; cursor:pointer;}

.noreadmessagerow{ font-weight:100; color:Black;}
/*=======================   page prev next   ==========================*/
.partPage{ color:Black;}
.partPage span{ padding-left:4px; padding-right:4px; color:#3a2e96;}
.partPage a{color:#3a2e96; cursor:pointer;}
.partPage div{ padding-right:12px;}



.acceptlink{color:#132C59;font-size:12px;text-decoration: underline; font-weight:bold;}
.ignorelink{color: #505050; font-size: 12px;padding-left: 8px;text-decoration: underline; padding-right:8px;}