body
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    margin: 0px;
}
/*22/02/2016.......................*/
.logincellbody
{
    width: 71%;
}
.NotesMrgn
{
	margin-top:92px;
}
.loginrember
{
  width: 49%; 
  white-space: nowrap;
}
.maindiv
{
   width: 100%;  
}
.resImg
{
}
.logincellimgtd
{
    width: 60%;
}
.logincelllogintd
{
    width: 40%;

}
.vacoWorkingArea
{
	width: 74%;
}
.leftBar
{
	width: 15%;
}
.leftMiniBar
{
	width: 50%;
}
.rightBarSmall
{
	width: 85%;
}
.lifeSpaceWorkingAreaSmall
{
	width: 73%;
}
/*pop css 28july2016*/
#divPopupWhiteLayerContainer
{
	width:100%;
}

.btnn-info {
    color: #fff;
    background-color: #c1c1c1;
    border-color:#c1c1c1;
}
.headingtop
{
	font-size: 20px;
	text-align: center;
	width: 100%;
	float: left;
	margin: 0px!important;
	font-weight: bold;
}.bgg-primary {
    color: #fff;
    background-color: #58595b;
}
.btnn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
#divPopupDataContainer
{
	max-width:800px;
	width:100%;
}
@media only screen and (max-width:3840px)
{
    .logincellbody
    {
        width: 26%;
    }
    .vacoWorkingArea
    {
        width: 28%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 27%;
        }
}
@media only screen and (max-width:2560px)
{
    .logincellbody
    {
        width: 38%;
    }
    .vacoWorkingArea
    {
        width: 40%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 39%;
        }
}
@media only screen and (max-width:1920px)
{
    .logincellbody
    {
        width: 51%;
    }
    .vacoWorkingArea
    {
        width: 53%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 52%;
        }    
}
@media only screen and (max-width:1680px)
{
    .logincellbody
    {
        width: 58%;
    }
    .vacoWorkingArea
    {
        width: 61%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 60%;
        }    
}
@media only screen and (max-width:1600px)
{
    .logincellbody
    {
        width: 61%;
    }
    .vacoWorkingArea
    {
        width: 64%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 63%;
        }    
}
@media only screen and (max-width:1536px)
{
    .logincellbody
    {
        width: 63%;
    }
    .vacoWorkingArea
    {
        width: 67%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 65%;
        }
}
@media only screen and (max-width:1440px)
{
    .logincellbody
    {
        width: 68%;
    }
    .vacoWorkingArea
    {
        width: 71%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 70%;
        }    
}
@media only screen and (max-width:1366px)
{
    .logincellbody
    {
        width: 71%;
    }
    .vacoWorkingArea
    {
        width: 75%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 73%;
        }    
}
@media only screen and (max-width:1360px)
{
    .logincellbody
    {
        width: 72%;
    }
    .vacoWorkingArea
    {
        width: 75%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 74%;
        }    
}
@media only screen and (max-width:1280px)
{
    .logincellbody
    {
        width: 77%;
    }
    .vacoWorkingArea
    {
        width: 90%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 88%;
        }    
}
@media only screen and (max-width:1152px)
{
    .logincellbody
    {
        width: 85%;
    }
    .vacoWorkingArea
    {
        width: 100%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 100%;
        }    
}
@media only screen and (max-width:1024px)
{
    .logincellbody
    {
        width: 96%;
    }
    .vacoWorkingArea
    {
        width: 100%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 100%;
        }    
}
@media only screen and (max-width:980px)
{
    .logincellbody
    {
        width: 99%;
    }
    .vacoWorkingArea
    {
        width: 100%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 100%;
        }    
}
@media only screen and (max-width:920px)
{
    .resImg
    {
        display: none;
    }
    .logincellimgtd
    {
       display:none;
    }
    .vacoWorkingArea
    {
        width: 100%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 100%;
        }    
    .logincellbody
    {
        width: 320px;
    }    
    .logincelllogintd
    {
        width: 320px;
    }
}
@media only screen and (max-width: 768px)
{
	.blok
	{
		display:block;margin:0 auto; width:50%; text-align:center;
	}
	.marginLeft20
	{
		max-width:260px!important; width:100%!Important;
	}
    .resImg
    {
        display: none;
    }
    .logincellimgtd
    {
       display:none;
    }
    .vacoWorkingArea
    {
        width: 100%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 100%;
        }    
    .logincellbody
    {
        width: 320px;
    }    
    .logincelllogintd
    {
        width: 320px;
       
    }
}
@media only screen and (max-width: 480px)
{
	.blok
	{
		display: block;
		margin: 0 auto;
		width: 90%;
		text-align: center;
	}#divPopupDataContainer
{
	width:auto!important ;max-width:290px;
}
}
@media only screen and (max-width: 420px)
{
    .resImg
    {
       
        display: none;
    }
    .logincellimgtd
    {
       display:none;
    }
    .vacoWorkingArea
    {
        width: 100%;
    }
    .lifeSpaceWorkingAreaSmall
    {
        width: 100%;
        }    
    .logincellbody
    {
        width: 320px;
    }    
    .logincelllogintd
    {
        width: 320px;
       
    }
}


/*end............*/

.borderStanderd
{
    border: 2px solid #385D8A;
}

.subscrptionPackage
{
    font-size: 19px;
    color: #4F81BD;
}

.packageTitleWhite
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 700;
}

.tableMaster
{
    width: 100%; /*border-collapse: collapse;*/
    border: 0px;
}

.logReportTab td
{
    padding-left: 5px;
    padding-right: 5px;
}

.width
{
    width: 100%;
}

table tr td
{
    text-align: left;
    vertical-align: top;
}

/* Gray-out/Disable an Image */
.disabledImage
{
    opacity: 0.4;
    filter: alpha(opacity=40);
}

/* To Add a margin right */
.spaceRt
{
    margin-right: 5px;
}

.topPageBar
{
    z-index: 100;
    width: 960px;
    height: 60px;
    display: block;
    top: 0px;
    left: 0px;
    margin: 0px;
    position: static;
    background-color: #376092;
}



.tableLocal
{
    width: 300px;
    border: 1px solid gray;
}
.logoStyle
{
    width: 200px;
    height: 70px;
    border: 3px solid #4F81BD;
}

/* Css for Container Boxes */
.leftColumn
{
    width: 220px;
    padding: 10px;
}
.leftContainer
{
    width: 210px;
}
.leftContentBoxContainer
{
    width: 100%;
    background-color: transparent;
    padding-top: 15px;
}
.rightContentBoxContainer
{
    padding-right: 10px;
    padding-bottom: 10px;
    z-index: 120;
}
.rightContentBoxContainerAlign
{
    background-color: #FFFFFF;
    z-index: 120;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.leftContentBox
{
    z-index: 110;
    background-color: #FFFFFF;
    padding-left: 10px;
}
.rightContentBox
{
    z-index: 110;
    background-color: #FFFFFF;
}
.rightColumnAlign
{
    width: 100%;
    z-index: 120;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.detailpane
{
    z-index: 120;
    background-color: #FFFFFF;
    padding: 10px;
}
.divContainer
{
    z-index: 1;
    width: 935px;
    margin-top: -30px;
    background-color: #FFFFFF;
    border: 4px solid #385D8A;
}


.divBrandEditContainer
{
    z-index: 1;
    width: 935px;
    background-color: #FFFFFF; /*border: 1px solid #385D8A;*/
    position: absolute;
}

.loginLiteTxt
{
    font-family: 'Rock Salt';
    font-size: 24px;
    color: #72C3C7;
}

.NumberGoalPopupLabelPlus
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #72C3C7;
}

.NumberGoalPopupLabel
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 16px;
    color: #72C3C7;
}

.loginChallengeTxt
{
    font-family: 'PT SANS';
    font-weight: lighter;
    font-size: 32px;
    color: #FFFFFF;
}

.loginChallengeBoxTxt
{
    font-family: 'PT Sans';
    font-size: 32px;
    color: #414042;
}
.InvalidPageRequest
{
    font-family: 'PT Sans';
    font-size: 32px;
    color: #414042;
}

.divPopupContainer
{
    z-index: 1;
    width: 935px;
    background-color: #FFFFFF; /*border: 1px solid #385D8A;*/
    position: absolute;
}

.divPopupContainerForWholeWidth
{
    z-index: 1;
    width: 100%;
    background-color: #FFFFFF; /*border: 1px solid #385D8A;*/
    position: absolute;
}
.divEdit
{
    display: none;
    position: absolute;
    z-index: 1004;
    background-color: white;
    border: 4px solid #385D8A;
    padding: 10px;
    width: 800px;
}
.transparent
{
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.divPopup
{
    display: none;
    position: absolute;
    z-index: 100;
    background-color: white;
    border: 4px solid #385D8A;
    padding: 10px;
    width: 800px;
}

.divPopup_MyPlan
{
    display: none;
    position: absolute;
    z-index: 100;
    background-color: white;
    border: 2px solid #696969;
    padding: 5px;
    width: 400px;
    height: 100px;
    margin-left: -10px;
    margin-top: -70px;
}

.divPackagesPopup
{
    display: none;
    position: absolute;
    z-index: 100;
    background-color: white;
    border: 4px solid Red;
    padding: 5px;
    width: 570px;
}

.divLContentboxoutline
{
    width: 180px;
    border-style: solid;
    color: #376092;
    border-width: 1px;
    margin-top: 9px;
    margin-bottom: 20px;
    padding-top: 3px;
    padding-bottom: 6px;
}

/* Labels */
.selectedExercise
{
    color: Green;
    font-weight: bold;
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
    cursor: pointer;
}
.label
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
}
.labelSmall
{
    font-family: Calibri, Verdana, Arial;
    font-size: 9pt;
    font-weight: normal;
}
.labelMessage
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
    color: Red;
}
.labelBold8
{
    font-family: Calibri, Verdana, Arial;
    font-weight: bold;
    font-size: 8pt;
}

.labelHeader
{
    font-family: Calibri, Verdana, Arial;
    font-size: 11pt;
    font-weight: bold;
    color: #376092;
}
.SuperPageLabelHeader
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 14px;
    color: #BCBEC0;
}

.GroupNameHeader
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #4B4B4B;
}

.labelBold
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
}

.labelBoldBlue
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #376092;
}
.labelBoxHeader /* For the text inside the overlapping box */
{
    font-family: Calibri, Verdana, Arial;
    font-size: 11pt;
    font-weight: bold;
    color: white;
}
.labelComment
{
    font-family: Calibri, Verdana, Arial;
    font-size: 9pt;
    color: Gray;
}
.labelSize10
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #376092;
}
.labelSize11
{
    font-family: Calibri, Verdana, Arial;
    font-size: 11pt;
    font-weight: bold;
    color: #376092;
}
.labelNormalSize11
{
    font-family: Calibri, Verdana, Arial;
    font-size: 11pt;
}

.labelGraySize11
{
    font-family: Calibri, Verdana, Arial;
    font-size: 11pt;
    color: Gray;
}

.labelGraySize10
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    color: Gray;
}

.labelSize12
{
    font-family: Calibri, Verdana, Arial;
    font-size: 12pt;
    font-weight: bold;
    color: #376092;
}

.labelSize18Gray
{
    font-family: Calibri, Verdana, Arial;
    font-size: 18pt;
    color: Gray;
    padding-bottom: 6px;
}
.labelSize13
{
    font-family: Calibri, Verdana, Arial;
    font-size: 13pt;
    color: #376092;
}
.labelSize13Bold
{
    font-family: Calibri, Verdana, Arial;
    font-size: 13pt;
    font-weight: bold;
    color: #376092;
}
.labelSize14
{
    font-family: Calibri, Verdana, Arial;
    font-size: 14pt;
    font-weight: bold;
    color: #376092;
}
.labelSize18
{
    font-family: Calibri, Verdana, Arial;
    font-size: 18pt;
    font-weight: bold;
    color: #376092;
}
.labelSize14Black
{
    font-family: Calibri, Verdana, Arial;
    font-size: 14pt;
    font-weight: bold;
    color: Black;
}
.labelFormFields /* Blue in Color */
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    color: #17375E;
}
.labelBigFontStyle
{
    font-family: Calibri, Verdana, Arial;
    font-size: 14pt;
    font-weight: bold;
}
.labelItalicGray
{
    font-family: Calibri, Verdana, Arial;
    font-size: 11pt;
    font-style: italic;
    color: #7F7F7F;
    line-height: 2em;
}

.lineHeight /* With equal & larger line spacing */
{
    line-height: 2em;
}
.lineHeight30
{
    line-height: 30px;
}

.labelItalic
{
    font-family: Calibri, Verdana, Arial;
    font-style: italic;
    font-size: 10pt;
    color: #17375E;
}
.labelHeader_topPageBar
{
    cursor: pointer;
    color: White;
    margin-right: 6px;
}
.labelBoldItalic
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
}
.labelNoContentAvailable
{
    text-align: center;
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-style: italic;
    color: Black;
    margin: 10px;
}

/* Exceptions */
.labelError
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
    color: Red;
}


/* CSS for Notes/Reply control */
.notesReply
{
    background-color: #ECEFF8;
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    vertical-align: top;
}

/* Css for Auto suggest feature */
.autoSuggest
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 300px;
    color: Gray;
    font-style: italic;
}

/* A line to make divisions */
.seperateSections
{
    border-top: 1px solid #4A7EBB;
}
.seperatorLine
{
    border-bottom: 1px solid #BCBCBC;
    padding-bottom: 2px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.seperatorLineLight
{
    border-bottom: 1px solid #D1D3D4;
    padding-bottom: 2px;
    margin-bottom: 5px;
    margin-top: 10px;
}


.SeperatorLine_2
{
    border-bottom: 1px solid #C3C3C3;
}


.blackSeperatorLine
{
    border-bottom: 1px solid #404040;
    padding-bottom: 2px;
    margin-bottom: 5px;
    width: 480px;
}

.graySeperatorLine
{
    border-bottom: 1px solid #808285;
    padding-bottom: 2px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.graySeperatorLine_1
{
    border-bottom: 1px solid #808285;
    padding: 0px;
}


.graySeperatorLineBold
{
    border-bottom: 2px solid #808285;
    padding-bottom: 2px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.lightGraySeperatorLineBold
{
    border-bottom: 2px solid #D1D3D4;
    padding-bottom: 2px;
    margin-bottom: 5px;
    margin-top: 10px;
}


/* DropDown list */
.bigDropdown
{
    font-family: Calibri, Verdana, Arial;
    height: 40px;
    font-size: 28px;
    width: 230px;
}
.dropdown
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 150px;
}
.dropdownX
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 200px;
}
.largeDropdown
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 300px;
}
.smallDropdown
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 100px;
}

.smallDropdownSuccess
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 160px;
}

.smallDropdownGC
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 140px;
}

/* Text Boxes */
.text
{
    width: 340px;
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
}


.textJoinDeadline
{
    width: 100px;
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
}

.textGray
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    border: 2px solid #BFBFBF;
    color: #7F7F7F;
}

.textAreaNotes
{
    color: Gray;
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-style: italic;
    width: 98%;
}



.textAreaNotes2
{
    color: #28282D;
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 98%;
    vertical-align: middle;
}

.textAreaNormalNotes
{
    color: #28282D;
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 98%;
    vertical-align: middle;
}


.goalWizardTextArea
{
    color: Gray;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.textAreaNotes3
{
    color: Gray;
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 91%;
}

.textAreaComments
{
    color: Gray;
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-style: italic;
    width: 100%;
}

.textAreaCommentsSmall
{
    color: Gray;
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-style: italic;
    width: 98%;
}
.notesFrom
{
    color: #7F7F7F;
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-style: italic;
}
.commentsFrom
{
    color: #003366;
    font-family: Calibri, Verdana, Arial;
    font-size: 9pt;
}
.commentsFrom_Bold
{
    color: #003366;
    font-family: Calibri, Verdana, Arial;
    font-size: 9pt;
    font-weight: bold;
}

/* Article Fonts */
.ArticleFont
{
    font-family: Calibri, Verdana, Arial;
    color: #376092;
    font-size: 10pt;
}
.ArticleFont12
{
    font-family: Calibri, Verdana, Arial;
    color: #376092;
    font-size: 12pt;
}
.ArticleFont11
{
    font-family: Calibri, Verdana, Arial;
    color: #376092;
    font-size: 11pt;
}
.ArticleFontGreen
{
    font-family: Calibri, Verdana, Arial;
    color: #6DBF43;
    font-weight: bold;
    font-size: 10pt;
}
.ArticleFontRed
{
    font-family: Calibri, Verdana, Arial;
    color: #EE252B;
    font-weight: bold;
    font-size: 10pt;
}

/* CSS for buttons */
.button
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    color: White;
    background-color: #4F81BD;
    cursor: pointer;
    font-weight: bold;
    border: 2px solid #385D8A;
}
.smallButton
{
    font-family: Calibri, Verdana, Arial;
    font-size: 8pt;
    color: White;
    background-color: #4F81BD;
    cursor: pointer;
    font-weight: bold;
    border: 2px solid #385D8A;
    text-align: center;
}

.link
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #003366;
    cursor: pointer;
}

.linkOperationsPointer
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: Gray;
    cursor: pointer;
}

.linkOperationsDefault
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: Gray;
}

.linkHeader
{
    font-family: Calibri, Verdana, Arial;
    font-size: 11pt;
    font-weight: bold;
    color: #003366;
    cursor: pointer;
}
.anchorButton
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    color: White;
    background-color: #4F81BD;
    cursor: pointer;
    font-weight: bold;
    border: 2px solid #385D8A;
    padding-left: 5px;
    padding-right: 5px;
}

/* Css for TextArea */
.textAreaBox
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 100%;
}
.textArea
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 340px;
}
.textAreaGoal
{
    color: Gray;
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-style: italic;
    width: 340px;
}
.textAreaEditMode
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 98%;
    color: Black;
    font-style: normal;
}

.taskFilter
{
    color: #6D7373;
    font-family: Calibri, Verdana, Arial;
    font-size: 9pt;
    font-weight: bold;
}
/* Css for Overlaping Boxes */
.overlapLeft
{
    float: left;
    overflow: hidden;
    background-color: white;
    border: 2px solid #4F81BD;
    margin-top: -10px;
    margin-left: -10px;
    width: 150px;
    height: 27px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    color: #003366;
    cursor: pointer;
}
.overlapLeftText
{
    display: table-cell;
    vertical-align: middle;
}

.tableInherit
{
    width: 300px;
    border: 1px solid gray;
    background-color: #ddd;
}
.tableLocal
{
    width: 300px;
    border: 1px solid gray;
}

.tableWithBorder
{
    width: 420px;
    border: 1px solid gray;
}
.dynamicDiv
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 300px;
    border: 1px solid gray;
    z-index: 9000;
}

A:link /* For Anchor Tag */
{
    text-decoration: none;
    color: #003366;
}

A:visited /* For Anchor Tag; link that has been used before */
{
    text-decoration: none;
    color: #003366;
}

A:active /* For Anchor Tag; link that is in the process of being clicked */
{
    text-decoration: none;
    color: #003366;
}

A:hover /* For Anchor Tag, on Mouse Over */
{
    text-decoration: underline;
    color: #003366;
}

/* Links of DNN */
A.SkinObject:link
{
    text-decoration: none;
    color: #ffffff;
}
A.SkinObject:hover
{
    text-decoration: underline;
    color: #ffffff;
}

.disableItem
{
    font-family: Calibri, Verdana, Arial;
    font-size: 11pt;
    font-weight: bold;
    color: Gray;
}

/* CSS for Calender control */
.date
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 70px;
}
.date2
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 100px;
    border: 1px solid #BCBEC0;
    height: 20px;
    text-align: center;
}
.dateTextBox
{
    width: 70px;
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
}
.dayOfWeek
{
    display: inline;
    padding: 2px;
    width: 25px;
}
.dateBox
{
    cursor: pointer;
    background-color: White;
    padding: 2px;
    font-size: small;
}
.dayOfWeekBox
{
    color: #000000;
    font-family: Calibri, Verdana, Arial;
    font-size: medium;
    background-color: #EEEEEE;
}
.activeDay
{
    text-decoration: underline;
    color: #4341FE;
    font-family: Calibri, Verdana, Arial;
}
.inActiveDay
{
    color: Gray;
    font-family: Calibri, Verdana, Arial;
}
.month
{
    font-family: Calibri, Verdana, Arial;
    font-size: medium;
}
.calButton
{
    font-family: Calibri, Verdana, Arial;
    font-size: small;
    height: 25px;
}


div#picker
{
    width: 388px;
    position: absolute;
    visibility: hidden;
    background-color: White;
    border: solid #000000 1px;
}
div#picker_year
{
    background-color: #E6E6E6;
    padding: 2px;
    border-bottom: solid #000000 1px;
    font-weight: bold;
    text-decoration: none;
}
div#picker_year a
{
    text-decoration: none;
}
div#picker_month
{
    padding: 2px;
    border-bottom: solid #000000 1px;
}


/* Using css sprites for the first time in lifespace */
.lsSprite
{
    background-image: url(../Images/lsSprite1.png);
    background-repeat: no-repeat;
}

.lsIcon16
{
    width: 16px;
    height: 16px;
}

.itemRefLink
{
    background-position: -0px -66px;
}

.itemToBeCompleted
{
    background-position: -162px -0px;
}

.itemWaiting
{
    background-position: -0px -18px;
}
.itemInProgress
{
    background-position: -178px -0px;
}
.itemPastDue
{
    background-position: -226px -0px;
}
.itemNotStarted
{
    background-position: -0px -34px;
}
.itemGroup
{
    background-position: -0px -50px;
}

.itemMenuUpdate
{
    background-position: -146px -0px;
    vertical-align: top;
}

.itemMenuShareIt
{
    background-position: -18px -0px;
    vertical-align: top;
}

.itemMenuDiscuss
{
    background-position: -0px -66px;
}

.itemMenuAddUnder
{
    background-position: -0px -82px;
}

.itemMenuAddSub
{
    background-position: -0px -98px;
}

.itemMenuDelete
{
    background-position: -210px -0px;
}

.itemMenuMarkComplete
{
    background-position: -194px -0px;
    vertical-align: top;
}

.itemMenuMoveRight
{
    background-position: -34px -0px;
}

.itemMenuMoveLeft
{
    background-position: -66px -0px;
}

.itemMenuMoveUp
{
    background-position: -98px -0px;
}

.itemMenuMoveDown
{
    background-position: -50px -0px;
}

.tableCellBorder
{
    border: 2px solid red;
}

.tableCellNoBorder
{
    border: 0px;
}

.itemMenuDiscussions
{
    vertical-align: top;
}

.inProgress
{
    color: Green;
}
.inProgressBold
{
    color: Green;
    font-weight: bold;
}
.pastDue
{
    color: Red;
}
.notStarted
{
    color: #003366;
}
.completed
{
    color: Gray;
    text-decoration: line-through;
}
.waiting
{
    color: Gray;
}
.completedBold
{
    color: Gray;
    text-decoration: line-through;
    font-weight: bold;
}

.onMouseOver
{
    cursor: pointer; /* Hand pointer */
}
.NewArticle
{
    display: block;
    top: 0px;
    left: 0px;
    margin: 0px;
    position: static;
    background-color: #FFFFFF;
    padding-top: 5px;
}
.NewArticleOpen
{
    display: block;
    top: 0px;
    left: 0px;
    margin: 0px;
    position: static;
    background-color: #FFFFFF;
}
.FeaturedOpen
{
    width: 571px;
    display: block;
    top: 0px;
    left: 0px;
    margin: 0px;
    position: static;
    background-color: #FFFFFF;
}
.Featured
{
    width: 571px;
    display: block;
    top: 0px;
    left: 0px;
    margin: 0px;
    position: static;
    background-color: #FFFFFF;
    padding-top: 5px;
}
.wideText
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    width: 65%;
}

.loginbox
{
    vertical-align: top;
    background-color: #DCE6F2;
    border: 2px solid #B9CDE5;
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    width: 200px; /* Width of the Logo */
}
.registerbox
{
    vertical-align: top;
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
    font-size: 11px;
}

.SubHead
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #003366;
}
.redborder
{
    border: 2px solid red;
}
div.scroll
{
    overflow-x: scroll;
}

.navigationColBreak
{
    border-right: 1px solid #BBBBBB;
    margin-right: 20px;
    padding-right: 20px;
}

.labelHeader9PT
{
    font-family: Calibri, Verdana, Arial;
    font-size: 9pt;
    font-weight: bold;
    color: #376092;
}


/* rounder corners (border) */
.xbcontent
{
    display: block;
    padding: 5px 10px;
    width: auto;
}
.xb1, .xb2, .xb3, .xb4
{
    display: block;
    overflow: hidden;
}
.xb1, .xb2, .xb3
{
    height: 1px;
}
.xb2, .xb3, .xb4, .xbcontent
{
    border: solid #00B9DF;
    border-width: 0 1px;
    background: -moz-linear-gradient(top, #008ED3, #00B9DF);
}
/* mozilla FireFox*/
.xb2, .xb3, .xb4, .xbcontent
{
    border: solid #00B9DF;
    border-width: 0 1px;
    background: -webkit-linear-gradient(top left, #008ED3 0%, #00B9DF 100%);
}
/* Chrome 11+ */
.xb2, .xb3, .xb4, .xbcontent
{
    border: solid #00B9DF;
    border-width: 0 1px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008ED3), color-stop(1, #00B9DF));
}
/* Safari/Chrome 10 */
.xb2, .xb3, .xb4, .xbcontent
{
    border: solid #00B9DF;
    border-width: 0 1px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#008ED3' , endColorstr= '#00B9DF' );
}
/* IE 8 */
.xb2, .xb3, .xb4, .xbcontent
{
    border: solid #00B9DF;
    border-width: 0 1px;
    background-image: -ms-linear-gradient(top left, #008ED3 0%, #00B9DF 100%);
}
/* IE 10 */
.xb2, .xb3, .xb4, .xbcontent
{
    border: solid #00B9DF;
    border-width: 0 1px;
    background-image: -o-linear-gradient(top left, #008ED3 0%, #00B9DF 100%);
}
/* Opera */


.xb1
{
    margin: 0 5px;
    background: -moz-linear-gradient(top, #00B9DF, #008ED3);
}
.xb2
{
    margin: 0 3px;
    border-width: 0 2px;
}
.xb3
{
    margin: 0 2px;
}
.xb4
{
    height: 2px;
    margin: 0 1px;
}

.spanFinishGoal
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #414042;
}
.spanFinishGoal:hover
{
    cursor: pointer;
}

.popUpDivHeader
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px; /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */ /* Safari/Chrome 10 */ /* IE 10 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#58595B', endColorstr='#414042')";
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
}

.popUpDivHeaderText
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 22px;
    color: #BCBEC0;
    width: 100%;
    overflow: hidden;
}

.headerSeparatorLine
{
    background-color: #4697A8;
    height: 4px;
    -moz-box-shadow: 3px 3px 3px #AAABAB;
    -webkit-box-shadow: 3px 3px 3px #AAABAB;
    box-shadow: 3px 3px 3px #AAABAB;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#AAABAB')"; /* For IE 8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color= '#AAABAB' ); /* For IE 5.5 - 7 */
}

.divGradient
{
    width: 130px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#58595B), to(#414042));
    background: -moz-linear-gradient(top,  #58595B,  #414042); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #58595B), color-stop(1, #414042)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #58595B 0%, #414042 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#58595B', endColorstr='#414042'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#58595B', endColorstr='#414042')"; /* IE8 */
}

.divGradientButton
{
    width: 90px;
    height: 32px;
    text-transform: uppercase;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#58595B), to(#414042));
    background: -moz-linear-gradient(top,  #58595B,  #414042); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #58595B), color-stop(1, #414042)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #58595B 0%, #414042 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#58595B', endColorstr='#414042'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#58595B', endColorstr='#414042')"; /* IE8 */
}

.spanGradientText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #BCBEC0;
    vertical-align: middle;
}
.spanGradientText:hover
{
    color: #FFFFFF;
    cursor: pointer;
}

.divOperationHeading
{
    color: #28A9CF;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}

.spanGradientSymbol
{
    /*for Cancel button 'X' */
    vertical-align: middle;
    text-transform: lowercase;
    font-size: 21px;
    padding-right: 5px;
}

.labelLifespaceItem
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
}

.labelLifespaceCommunityNavLink
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 11px;
    color: #D1D3D4;
}

.labelTopHeaderNavigation
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 13px;
}

.labelTopHeaderNavigation2
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 11px;
    color: #A7A9AC;
}
.labelTopHeaderNavigationLink
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 11px;
    color: #A7A9AC;
}
.labelTopHeaderNavigationLink:hover
{
    color: #FFFFFF;
}
.labelLSTagLine
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 16px;
    color: #BCBEC0;
}

.labelGoalTitle
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 24px;
    color: #6D6E71;
}

.portalQuickButtonsText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 19px;
    color: #EAEAEA;
}

.labelGoalTitleForPopup
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 26px;
    color: #4B4B4B;
}

.labelGrayBoldLarge
{
    font-family: Calibri, Verdana, Arial;
    font-size: 20px;
    color: #28282D;
}

.labelWhiteBold
{
    font-family: Calibri, Verdana, Arial;
    font-size: 18px;
    color: White;
    font-weight: bold;
}

.labelWhite
{
    font-family: Calibri, Verdana, Arial;
    font-size: 18px;
    color: White;
}


.labelWhiteMedium
{
    font-family: Calibri, Verdana, Arial;
    font-size: 14px;
    color: White;
    font-weight: bold;
}

.labelWhiteSmallBold
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 10px;
    color: #FFFFFF;
}
.labelWhiteSmallBold:hover
{
    cursor: pointer;
}

.labelWhiteSmall
{
    font-family: Calibri, Verdana, Arial;
    font-size: 13px;
    color: White;
    font-weight: bold;
}

.labelDarkGray
{
    font-size: 18px;
    color: #28282D;
    font-family: Calibri, Verdana, Arial;
}

.labelDarkGraySmall
{
    font-size: 9pt;
    color: #28282D;
    font-family: Calibri, Verdana, Arial;
}

.labelDarkGraySmaller
{
    font-size: 8pt;
    color: #28282D;
    font-family: Calibri, Verdana, Arial;
    word-spacing: 3px;
}

.labelDarkGrayMedium
{
    font-size: 14px;
    color: #28282D;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
}

.labelGoalTopics
{
    font-size: 11pt;
    color: #414054;
    font-family: Calibri, Verdana, Arial;
    font-weight: bold;
}

.labelGoalTopicsText
{
    font-size: 16px;
    color: #58595B;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
}

.labelGoalTopicsTextCount
{
    font-size: 14px;
    color: #58595B;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
}

.labelGoalTopicsItalicText
{
    font-size: 16px;
    color: #58595B;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-style: italic;
}

.labelGoalActionsText
{
    font-size: 13px;
    color: #58595B;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
}

.labelAddMetricText
{
    font-size: 9px;
    color: #58595B;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    cursor: pointer;
}

.labelGoalActions
{
    font-size: 9pt;
    color: #414054;
    font-family: Calibri, Verdana, Arial;
    font-weight: bold;
}
.calenderImageClass
{
    vertical-align: middle;
    height: 20px;
    width: 20px;
}

.labelLightGray
{
    font-size: 10pt;
    color: #80808B;
    font-family: Calibri, Verdana, Arial;
}

.lifeSpaceHeader
{
    behavior: url(PIE.htc);
    position: relative;
}

.bottomRoundedCorners
{
    height: 42px;
    behavior: url(PIE.htc);
    position: relative;
    -webkit-border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
    background-color: #008ED3;
}

.bottomRoundedCornersPlanner
{
    width: 100%;
    height: 28px;
    behavior: url(PIE.htc);
    position: relative;
    -webkit-border-radius: 0px 0px 21px 21px;
    -moz-border-radius: 0px 0px 21px 21px;
    border-radius: 0px 0px 21px 21px;
    background-color: #58595B;
    background: -moz-linear-gradient(top, #58595B, #414042); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #58595B), color-stop(1, #414042)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#58595B' , endColorstr= '#414042' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #58595B 0%, #414042 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
}

.bottomRoundedCornersDiscussions
{
    width: 100%;
    height: 105px;
    behavior: url(PIE.htc);
    position: relative;
    -webkit-border-radius: 0px 0px 21px 21px;
    -moz-border-radius: 0px 0px 21px 21px;
    border-radius: 0px 0px 21px 21px;
    background-color: #008ED3;
}

.bottomRoundedCornersNotebook
{
    width: 575px;
    height: 120px;
    behavior: url(PIE.htc);
    position: relative;
    -webkit-border-radius: 0px 0px 21px 21px;
    -moz-border-radius: 0px 0px 21px 21px;
    border-radius: 0px 0px 21px 21px;
    background-color: #008ED3;
}

.grayGradientBackground
{
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C9C9C9));
    background: -moz-linear-gradient(top,  #FFFFFF,  #C9C9C9); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #FFFFFF 0%, #C9C9C9 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #C9C9C9)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #C9C9C9 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #FFFFFF 0%, #C9C9C9 100%); /* Opera */
}

.paddingBottom15
{
    padding-bottom: 15px;
}
.paddingBottom20
{
    padding-bottom: 20px;
}

.paddingBottom5
{
    padding-bottom: 5px;
}

.paddingBottom10
{
    padding-bottom: 10px;
}
.padding15
{
    padding: 15px;
}
.padding20
{
    padding: 20px;
}
.padding25
{
    padding: 25px;
}
.padding30
{
    padding: 30px;
}
.padding10
{
    padding: 10px;
}

.paddingTop5
{
    padding-top: 5px;
}
.paddingTop8
{
    padding-top: 8px;
}
.paddingTop15
{
    padding-top: 15px;
}

.padding0
{
    padding: 0px;
}

.padding5
{
    padding: 5px;
}

.padding8
{
    padding: 8px;
}

.padding3
{
    padding: 3px;
}
.padding2
{
    padding: 2px;
}

.textJustify
{
    text-align: justify;
}
.textCenter
{
    text-align: center;
}

.textLeft
{
    text-align: left;
}

.textRight
{
    text-align: right;
}

.margin0
{
    margin: 0px;
}
.margin5
{
    margin: 5px;
}
.margin10
{
    margin: 10px;
}
.margin15
{
    margin: 15px;
}
.margin20
{
    margin: 20px;
}
.margin25
{
    margin: 25px;
}

.marginBottom10
{
    margin-bottom: 10px;
}

.marginBottom15
{
    margin-bottom: 15px;
}

.marginBottom20
{
    margin-bottom: 20px;
}

.marginBottom25
{
    margin-bottom: 25px;
}

.marginBottom5
{
    margin-bottom: 5px;
}

.marginTop10
{
    margin-top: 10px;
}
.marginTop15
{
    margin-top: 15px;
}

.marginTop20
{
    margin-top: 20px;
}

.marginTop25
{
    margin-top: 25px;
}

.marginTop5
{
    margin-top: 5px;
}

.marginTop8
{
    margin-top: 8px;
}

.marginRight5
{
    margin-right: 5px;
}

.marginRight6
{
    margin-right: 6px;
}

.marginRight15
{
    margin-right: 15px;
}

.marginRight20
{
    margin-right: 20px;
}
.marginRight25
{
    margin-right: 25px;
}
.marginRight30
{
    margin-right: 30px;
}
.marginRight55
{
    margin-right: 55px;
}

.marginLeft2
{
    margin-left: 2px;
}
.marginLeft5
{
    margin-left: 5px;
}

.marginLeft6
{
    margin-left: 6px;
}
.marginLeft15
{
    margin-left: 15px;
}

.marginLeft20
{
    margin-left: 20px;
}

.marginLeft25
{
    margin-left: 25px;
}

.marginLeft40
{
    margin-left: 40px;
}

.marginLeft50
{
    margin-left: 50px;
}

.marginLeft8
{
    margin-left: 8px;
}

.paddingTop10
{
    padding-top: 10px;
}
.paddingTop20
{
    padding-top: 20px;
}
.paddingTop25
{
    padding-top: 25px;
}

.marginRight3
{
    margin-right: 3px;
}

.marginRight10
{
    margin-right: 10px;
}

.marginLeft10
{
    margin-left: 10px;
}
.marginLeft30
{
    margin-left: 30px;
}
.paddingLeft5
{
    padding-left: 5px;
}
.paddingRight5
{
    padding-right: 5px;
}
.paddingLeft10
{
    padding-left: 10px;
}
.paddingLeft20
{
    padding-left: 20px;
}
.paddingRight10
{
    padding-right: 10px;
}
.paddingLeft15
{
    padding-left: 15px;
}
.paddingRight15
{
    padding-right: 15px;
}
.paddingRight20
{
    padding-right: 20px;
}

.verticallyMiddle
{
    vertical-align: middle;
}

.verticallyTop
{
    vertical-align: top;
}

.verticallyBottom
{
    vertical-align: bottom;
}
.decorationNone
{
    text-decoration: none;
}
.decorationNone:hover
{
    text-decoration: none;
}
.txtUnderLine
{
    text-decoration: none;
}
.txtUnderLine:hover
{
    text-decoration: underline;
}
.goalProgressBar
{
    height: 30px;
    display: table-cell;
    vertical-align: middle;
}


.superPageGoalHeaderBox
{
    padding: 0px;
    background-color: #FFFFFF;
    background-image: linear-gradient(top, #FFFFFF, #F1F1F2); /* Saf4+, Chrome */ /* Chrome 10+, Saf5.1+, iOS 5+ */ /* FF3.6 */ /* IE10 */ /* Opera 11.10+ */
}

.capitalFont
{
    text-transform: uppercase;
}

.smallerFont
{
    text-transform: lowercase;
}

.sentenceFont
{
    text-transform: capitalize;
}

.goalProgressBarOuterRounded
{
    behavior: url(PIE.htc);
    position: relative;
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px;
    height: 12px;
    -webkit-border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
    border-radius: 12px 12px 12px 12px;
    width: 280px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D2D2D2,endColorstr=#D2D2D2);
    zoom: 1;
}

.joinChallengeButton
{
    behavior: url(PIE.htc);
    position: relative;
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px;
    height: 38px;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    font-size: 22px;
    -webkit-border-radius: 11px 11px 11px 11px;
    -moz-border-radius: 11px 11px 11px 11px;
    border-radius: 11px 11px 11px 11px;
    width: 180px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    zoom: 1;
    color: #FFFFFF;
    background-color: #154040;
    background: -webkit-gradient(linear, left top, left bottom, from(#154015), to(#285228));
    background: -moz-linear-gradient(top,  #154015,  #285228); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #154015 0%, #285228 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #154015), color-stop(1, #285228)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #154015 0%, #285228 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #154015 0%, #285228 100%); /* Opera */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#154015', endColorstr='#285228'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#154015', endColorstr='#285228')"; /* IE8 */
}

.inviteFriendsButton
{
    behavior: url(PIE.htc);
    position: relative;
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px;
    height: 38px;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    font-size: 22px;
    -webkit-border-radius: 11px 11px 11px 11px;
    -moz-border-radius: 11px 11px 11px 11px;
    border-radius: 11px 11px 11px 11px;
    width: 180px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    zoom: 1;
    color: #FFFFFF;
    background-color: #1CBECA;
    background: -webkit-gradient(linear, left top, left bottom, from(#1CBECA), to(#4697A8));
    background: -moz-linear-gradient(top,  #1CBECA,  #4697A8); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #1CBECA 0%, #4697A8 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1CBECA), color-stop(1, #4697A8)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #1CBECA 0%, #4697A8 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #1CBECA 0%, #4697A8 100%); /* Opera */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1CBECA', endColorstr='#4697A8'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1CBECA', endColorstr='#4697A8')"; /* IE8 */
}

.observerOnlyButton
{
    behavior: url(PIE.htc);
    position: relative;
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px;
    height: 38px;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    font-size: 22px;
    -webkit-border-radius: 11px 11px 11px 11px;
    -moz-border-radius: 11px 11px 11px 11px;
    border-radius: 11px 11px 11px 11px;
    width: 180px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    zoom: 1;
    color: #FFFFFF;
    background-color: #696969;
    background: -webkit-gradient(linear, left top, left bottom, from(#696969), to(#4B4B4B));
    background: -moz-linear-gradient(top,  #696969,  #4B4B4B); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #696969 0%, #4B4B4B 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #696969), color-stop(1, #4B4B4B)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #696969 0%, #4B4B4B 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #696969 0%, #4B4B4B 100%); /* Opera */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#696969', endColorstr='#4B4B4B'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#696969', endColorstr='#4B4B4B')"; /* IE8 */
}

.goalProgressPercentage
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #808285;
}

.goalProgressBarInnerRounded
{
    behavior: url(PIE.htc);
    position: relative;
    height: 8px;
    vertical-align: middle;
    background-color: #D2D2D2;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: inset 0 0 5px 5px #3AC0F0;
    -webkit-box-shadow: inset 0 0 5px 5px #3AC0F0;
    box-shadow: inset 0 0 5px 5px #3AC0F0;
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3AC0F0,endColorstr=#3AC0F0);
}

.goalStatusDropDown
{
    behavior: url(PIE.htc);
    position: relative;
    border: 0;
    background: transparent;
    font-size: 10pt;
    padding: 3px;
    cursor: pointer;
    text-decoration: none;
    font-family: Calibri, Arial, Verdana;
    width: 140px;
    background: #EBECEC;
    border: 1px solid #E1E1E1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#D2D2D2));
    background: -moz-linear-gradient(top,  white,  #D2D2D2); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, white 0%, #D2D2D2 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #D2D2D2)); /* Safari/Chrome 10 */
}

.checkBox
{
    behavior: url(PIE.htc);
    position: relative;
    padding: 10px;
    margin: 10px;
    cursor: pointer;
    color: #ffffff;
    border-top: 3px;
    border-bottom: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.actionBackground
{
    background-color: #FFFFFF;
}

.labelGoalContent
{
    font-size: 9pt;
    color: #4A4D55;
    font-family: Calibri, Verdana, Arial;
    font-weight: bold;
}

.labelGoalContent2
{
    font-size: 12pt;
    color: #4A4D55;
    font-family: Calibri, Verdana, Arial;
    font-weight: bold;
}

.goalOperationBackground
{
    background-color: #F1F2F2;
}

.goalLink
{
    font-size: 9pt;
    color: #2B9BF3;
    cursor: pointer;
}

.DiscussionHeadertext
{
    width: 405px;
    font-family: Calibri, Verdana, Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #58595B;
    padding: 5px;
}

.DiscussionHeadertextBox
{
    width: 405px;
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #58595B;
    padding: 5px;
}

.NoteBookHeadertextBox
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #58595B;
    padding: 5px;
}

.NoteBookHeadertext
{
    font-family: Calibri, Verdana, Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #58595B;
    padding: 5px;
    text-transform: uppercase;
}

.EmailInviteText
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #58595B;
    padding: 5px;
}

.discussionStartUser
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 22px;
    color: #58595B;
	float:left;
}

.discussionText
{
    font-family: Calibri, Verdana, Arial;
    font-size: 10pt;
    color: #414042;
    word-wrap: break-word;
    display: block;
}

.discussionItemBorder
{
    border: 1px #C9C9C9 solid;
}

.discussionCommentBorder
{
    border: 1px #C9C9C9 solid;
    width: 480px;
}

.divNoteGradient
{
    background-color: #D1D3D4;
    background: -webkit-gradient(linear, left top, left bottom, from(#D1D3D4), to(#BCBEC0));
    background: -moz-linear-gradient(top,  #D1D3D4,  #BCBEC0); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #D1D3D4 0%, #BCBEC0 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D1D3D4), color-stop(1, #BCBEC0)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #D1D3D4 0%, #BCBEC0 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #D1D3D4 0%, #BCBEC0 100%); /* Opera */
}

.divDiscussionGradient
{
    width: 550px;
    background-color: #D1D3D4;
    background: -webkit-gradient(linear, left top, left bottom, from(#D1D3D4), to(#BCBEC0));
    background: -moz-linear-gradient(top,  #D1D3D4,  #BCBEC0); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #D1D3D4 0%, #BCBEC0 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D1D3D4), color-stop(1, #BCBEC0)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #D1D3D4 0%, #BCBEC0 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #D1D3D4 0%, #BCBEC0 100%); /* Opera */
}

.discussionBottomDivGradient
{
    width: 550px;
    height: 40px;
    background-color: #D1D3D4;
    background: -webkit-gradient(linear, left top, left bottom, from(#D1D3D4), to(#BCBEC0));
    background: -moz-linear-gradient(top,  #D1D3D4,  #BCBEC0); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #D1D3D4 0%, #BCBEC0 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D1D3D4), color-stop(1, #BCBEC0)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #D1D3D4 0%, #BCBEC0 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #D1D3D4 0%, #BCBEC0 100%); /* Opera */
}

.discussionCommentBottomDivGradient
{
    width: 480px;
    background-color: #D1D3D4;
    background: -webkit-gradient(linear, left top, left bottom, from(#D1D3D4), to(#BCBEC0));
    background: -moz-linear-gradient(top,  #D1D3D4,  #BCBEC0); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #D1D3D4 0%, #BCBEC0 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D1D3D4), color-stop(1, #BCBEC0)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #D1D3D4 0%, #BCBEC0 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #D1D3D4 0%, #BCBEC0 100%); /* Opera */
}

.discussionCommentBottomDivGradient_2
{
    background-color: #D1D3D4;
    background: -webkit-gradient(linear, left top, left bottom, from(#D1D3D4), to(#BCBEC0));
    background: -moz-linear-gradient(top,  #D1D3D4,  #BCBEC0); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #D1D3D4 0%, #BCBEC0 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D1D3D4), color-stop(1, #BCBEC0)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #D1D3D4 0%, #BCBEC0 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #D1D3D4 0%, #BCBEC0 100%); /* Opera */
}

.divBrowseGradient
{
    background-color: #D1D3D4;
    background: -webkit-gradient(linear, left top, left bottom, from(#D1D3D4), to(#BCBEC0));
    background: -moz-linear-gradient(top,  #D1D3D4,  #BCBEC0); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #D1D3D4 0%, #BCBEC0 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D1D3D4), color-stop(1, BCBEC0)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #D1D3D4 0%, #BCBEC0 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #D1D3D4 0%, #BCBEC0 100%); /* Opera */
}
.divBrowseGradient:hover
{
    /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */ /* Safari/Chrome 10 */ /* IE 10 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#58595B', endColorstr='#414042')";
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
}

.spanBrowseGradientTextGray
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #6D6E71;
}

.spanBrowseGradientTextGray:hover
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #D1D3D4;
}

.spanModuleBoxAddButtonTextGray
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
}

.spanModuleBoxAddButtonTextGray:hover
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #D1D3D4;
}

.spanBrowseGradientText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #414042;
}

.spanBrowseGradientText:hover
{
    cursor: pointer;
    color: #FFFFFF;
}

.likeText
{
    color: #6D6F7F;
    font-size: 10px;
    font-family: Calibri, Verdana, Arial;
    font-weight: bold;
}

.arrow_box
{
    position: relative;
    background: #ffffff;
    border: 1px solid #C9C9C9;
    width: 200px;
    border-radius: 3px;
    -webkit-filter: drop-shadow(0 1px 10px rgba(113,158,206,0.8));
    -moz-box-shadow: 0 1px 10px rgba(113,158,206,0.8);
    filter: drop-shadow(0 1px 10px rgba(113,158,206,0.8));
}
.arrow_box:after, .arrow_box:before
{
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after
{
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 19px;
    left: 6%;
    margin-left: -19px;
}
.arrow_box:before
{
    border-color: rgba(113, 158, 206, 0);
    border-bottom-color: #C9C9C9;
    border-width: 20px;
    left: 6%;
    margin-left: -20px;
}

.triangle-isosceles
{
    position: relative; /* default background for browsers without gradient support */ /* css3 */
    border: 1px #C9C9C9 solid;
    width: 480px;
}

.triangle-isosceles:after
{
    content: "";
    position: absolute;
    top: -36px; /* value = - border-top-width - border-bottom-width */
    left: 15px; /* controls horizontal position */
    border-width: 18px; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: transparent transparent #FFFFFF transparent; /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
    height: 0;
}



.triangle-downBlue
{
    position: relative; /* default background for browsers without gradient support */ /* css3 */
}
.triangle-downBlue:after
{
    content: ""; /*position: absolute;*/ /* value = - border-top-width - border-bottom-width */ /* controls horizontal position */
    border-width: 8px; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #376092 transparent transparent transparent; /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
    height: 0;
}

.triangle-down
{
    position: relative; /* default background for browsers without gradient support */ /* css3 */
}
.triangle-down:after
{
    content: ""; /*position: absolute;*/ /* value = - border-top-width - border-bottom-width */ /* controls horizontal position */
    border-width: 7px; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #FFFFFF transparent transparent transparent; /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
    height: 0;
}

.triangle-downBlack
{
    position: relative; /* default background for browsers without gradient support */ /* css3 */
}
.triangle-downBlack:after
{
    content: ""; /*position: absolute;*/ /* value = - border-top-width - border-bottom-width */ /* controls horizontal position */
    border-width: 7px; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #000000 transparent transparent transparent; /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
    height: 0;
}

.triangle-right
{
    position: relative; /* default background for browsers without gradient support */ /* css3 */
    border: 1px #C9C9C9 solid;
    width: 400px;
}

.triangle-right:after
{
    content: "";
    position: absolute;
    top: 10px;
    left: 400px; /* controls horizontal position */
    border-width: 12px; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: transparent transparent transparent #FFFFFF; /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
    height: 0;
}

.LoginMenuClass
{
    margin-left: -35px;
    position: absolute;
    background-color: White;
    width: 100px;
    padding: 5px;
}

.LoginMenuGrayClass
{
    margin-left: -35px;
    position: absolute;
    background-color: #E1E1E1;
    width: 100px;
    padding: 5px;
    z-index: 2000;
}

.myDashboard
{
    background-color: #4F4F51;
}

.userImageBackground
{
    height: 150px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D1D3D4));
    background: -moz-linear-gradient(top,  #FFFFFF,  #D1D3D4); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #FFFFFF 0%, #D1D3D4 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, D1D3D4)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #D1D3D4 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #FFFFFF 0%, #D1D3D4 100%); /* Opera */
}

.startGoal
{
    height: 65px;
    width: 150px;
    text-align: center;
    background-color: #289AAC;
    background: -webkit-gradient(linear, left top, left bottom, from(#289AAC), to(#00819C));
    background: -moz-linear-gradient(top,  #289AAC,  #00819C); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #289AAC 0%, #00819C 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #289AAC), color-stop(1, #00819C)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #289AAC 0%, #00819C 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #289AAC 0%, #00819C 100%); /* Opera */
}

.startGoal:hover
{
    height: 65px;
    width: 150px;
    text-align: center;
    background-color: #1CBECA;
    background: -webkit-gradient(linear, left top, left bottom, from(#1CBECA), to(#4697A8));
    background: -moz-linear-gradient(top,  #1CBECA,  #4697A8); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #1CBECA 0%, #4697A8 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1CBECA), color-stop(1, #4697A8)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #1CBECA 0%, #4697A8 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #1CBECA 0%, #4697A8 100%); /* Opera */
}

.inviteFriends
{
    height: 45px;
    width: 150px;
    text-align: center;
    background-color: #58595B;
    background: -webkit-gradient(linear, left top, left bottom, from(#58595B), to(#414042));
    background: -moz-linear-gradient(top,  #58595B,  #414042); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #58595B), color-stop(1, 414042)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #58595B 0%, #414042 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
}

.textInviteFriends
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #D1D3D4;
}

.lsNavigationHover
{
    behavior: url(PIE.htc);
    position: relative;
    cursor: pointer;
    height: 40px;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    background-color: #D1D3D4;
    color: #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#D1D3D4), to(#BCBEC0));
    background: -moz-linear-gradient(top,  #D1D3D4,  #BCBEC0); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #D1D3D4 0%, #BCBEC0 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D1D3D4), color-stop(1, BCBEC0)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #D1D3D4 0%, #BCBEC0 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #D1D3D4 0%, #BCBEC0 100%); /* Opera */
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #FFFFFF;
    cursor: pointer;
}

.lsNavigationSelected
{
    behavior: url(PIE.htc);
    position: relative;
    cursor: pointer;
    height: 40px;
    vertical-align: middle;
    background-color: #376092;
    color: #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#376092), to(#376080));
    background: -moz-linear-gradient(top,  #376092,  #376080); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #376092 0%, #376080 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #376092), color-stop(1, 376080)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #376092 0%, #376080 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #376092 0%, #376080 100%); /* Opera */
}

.lsNavigationNotSelected
{
    behavior: url(PIE.htc);
    position: relative;
    cursor: pointer;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    background-color: #E6E7E8;
    color: #6D6E71;
}

.actionDetailTitle
{
    font-family: 'Rock Salt';
    font-size: 14px;
    color: #414042;
    word-spacing: 2px;
}

.popUpHeadLineTitle
{
    font-family: 'Rock Salt';
    font-size: 22px;
    color: #FFFFFF;
    overflow: hidden;
}
.popUpBackground
{
    background-color: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF, #F1F2F2); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #FFFFFF 0%, #F1F2F2 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F1F2F2)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#FFFFFF' , endColorstr= '#F1F2F2' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #F1F2F2 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #FFFFFF 0%, #F1F2F2 100%); /* Opera */
}

.goalUpdateSubHeadline
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #58595B;
}
.goalUpdateLabel
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 10px;
    color: #58595B;
    text-transform: uppercase;
}

.labelLifeSpace
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 12px;
}

.selectedGoalMenuTabsText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #414042;
}

.actionMenuTabsText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 10px;
    color: #414042;
}

.myTeamText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #414042;
}

.actionCountText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #808285;
}

.plusBoxText
{
    font-family: 'PT Sans';
    font-size: 14px;
    color: #414042;
}

.userWizardTopHeaderTab
{
    float: left;
    overflow: hidden;
    background-color: white;
    border: 2px solid #4F81BD;
    margin-top: -10px;
    margin-left: -10px;
    width: 150px;
    height: 27px;
    position: relative;
    vertical-align: middle;
    color: #003366;
    cursor: pointer;
    display: table-cell;
    text-align: center;
    color: White;
    background-color: #5C6F7C;
    background: -webkit-gradient(linear, left top, left bottom, from(#5C6F7C), to(#425968));
    background: -moz-linear-gradient(top,  #5C6F7C,  #425968); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #5C6F7C 0%, #425968 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5C6F7C), color-stop(1, 425968)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #5C6F7C 0%, #425968 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #5C6F7C 0%, #425968 100%); /* Opera */
}
.userWizardHeaderText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #414042;
}

.userWizardHeaderText16
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: black;
}

.userWizardMemoText
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 16px;
    color: #414042;
}

.userWizardMemoText14
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 14px;
    color: #414042;
}

.userWizardTextArea
{
    color: #414042;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    font-size: 12px;
    width: 100%;
}

.userWizardLabel
{
    color: #414042;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.userWizardLinkHeader
{
    color: #414042;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}

.calendarMonthBar
{
    width: 800px;
    height: 22px;
    background-color: #58595B;
    background: -moz-linear-gradient(top, #58595B, #414042); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #58595B), color-stop(1, #414042)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#58595B' , endColorstr= '#414042' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #58595B 0%, #414042 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
}

.calendarMonthBarFullWidth
{
    width: 980px;
    height: 22px;
    background-color: #58595B;
    background: -moz-linear-gradient(top, #58595B, #414042); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #58595B), color-stop(1, #414042)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#58595B' , endColorstr= '#414042' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #58595B 0%, #414042 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
}

.calendarMonthBarSmall
{
    width: 700px;
    height: 22px;
    background-color: #58595B;
    background: -moz-linear-gradient(top, #58595B, #414042); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #58595B), color-stop(1, #414042)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#58595B' , endColorstr= '#414042' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #58595B 0%, #414042 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
}

.calendarMonthText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #FFFFFF;
}

.actionDateText
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 12px;
    color: #58595B;
}

.followAndCommentText
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 22px;
    color: #58595B;
}

.shareDiscussionText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 10px;
    color: #414040;
}

.followDiscussionText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 10px;
    color: #6D6E71;
}

.discPostTime
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 11px;
}

.discPostTime2
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: Gray;
}

.chooseLifespaceText
{
    font-family: 'Rock Salt';
    font-size: 37px;
    color: #808285;
    word-spacing: 4px;
}

.chooseLifespaceText2
{
    font-family: 'Rock Salt';
    font-size: 34px;
    color: #808285;
    word-spacing: 4px;
}

.goalCreationLifespaceHeaderText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
}

.goalCreationLifespaceLowerDiv
{
    background-color: #58595B;
    background: -moz-linear-gradient(top, #FFFFFF, #D1D3D4); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #FFFFFF 0%, #D1D3D4 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #D1D3D4)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#FFFFFF' , endColorstr= '#D1D3D4' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #D1D3D4 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #FFFFFF 0%, #D1D3D4 100%); /* Opera */
}

.lifespaceDivText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #6D6E71;
}

.browseGoalPlanText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #BCBEB0;
}

.chooseLifeSpaceMemoText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #414042;
}

.chooseLifeSpaceMemoText2
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #414042;
    line-height: 150%;
}

.getBusyText
{
    font-family: 'Rock Salt';
    font-size: 15px;
    color: #50A7CA;
    font-weight: normal;
}

.getStartedButtonGradient
{
    text-align: center;
    background-color: #58595B;
    background: -moz-linear-gradient(top, #58595B, #414042); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #58595B), color-stop(1, #414042)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#58595B' , endColorstr= '#414042' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #58595B 0%, #414042 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
}

.createMyOwnGoalText
{
    font-family: 'Rock Salt';
    font-size: 16px;
    color: #E6E7E8;
}

.createMyOwnGoalHoverGradient
{
    text-align: center;
    cursor: pointer;
    background-color: #28A6B8;
    background: -moz-linear-gradient(top, #28A6B8, #46978A); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #28A6B8 0%, #46978A 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #28A6B8), color-stop(1, #46978A)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#28A6B8' , endColorstr= '#46978A' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #28A6B8 0%, #46978A 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #28A6B8 0%, #46978A 100%); /* Opera */
}

.startGoalHoverGradient
{
    width: 205px;
    height: 40px;
    cursor: pointer;
    background-color: #28A6B8;
    background: -moz-linear-gradient(top, #28A6B8, #46978A); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #28A6B8 0%, #46978A 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #28A6B8), color-stop(1, #46978A)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#28A6B8' , endColorstr= '#46978A' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #28A6B8 0%, #46978A 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #28A6B8 0%, #46978A 100%); /* Opera */
}

.templateNameText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #58595B;
}

.templateHeadlineText
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 22px;
    color: #58595B;
}

.templateHeadlineText2
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 20px;
    color: #58595B;
}

.templateMemoText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #58595B;
}

.viewTemplateDetailText
{
    font-family: 'Rock Salt';
    font-size: 14px;
    color: #6D6E71;
}

.startGoalButton
{
    width: 205px;
    height: 40px;
    cursor: pointer;
    background-color: #58595B;
    background: -moz-linear-gradient(top, #58595B, #414042); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #58595B), color-stop(1, #414042)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#58595B' , endColorstr= '#414042' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #58595B 0%, #414042 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
}

.startGoalButtonText
{
    font-family: 'Rock Salt';
    font-size: 16px;
    color: #E6E7E8;
}

.startGoalHeader1
{
    height: 70px;
 background-color: #58595B;
    background: -moz-linear-gradient(top, #58595B, #414042); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #58595B), color-stop(1, #414042)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#58595B' , endColorstr= '#414042' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #58595B 0%, #414042 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
}
.dragonkickPopUpHeader
{
    background-color: #58595B;
    background: -moz-linear-gradient(top, #58595B, #414042); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #58595B), color-stop(1, #414042)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#58595B' , endColorstr= '#414042' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #58595B 0%, #414042 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
}
.startGoalHeader2
{
    width: 800px;
    height: 3px;
    background-color: #28A6B8;
}

.startGoalText
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 30px;
    color: #BCBEB0;
}

.startGoalTextTemplateName
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 30px;
    color: #FFFFFF;
}

.startGoalPopupBackground
{
    width: 800px;
    height: 700px;
    background-color: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF, #F1F2F2); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #FFFFFF 0%, #F1F2F2 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F1F2F2)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#FFFFFF' , endColorstr= '#F1F2F2' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #F1F2F2 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #FFFFFF 0%, #F1F2F2 100%); /* Opera */
}

.createGoalWizardStepLabel
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #A7A9AC;
}

.createGoalWizardHeadline
{
    font-family: 'Rock Salt';
    font-size: 26px;
    color: #28A6B8;
}

.loginBoxStartText
{
    font-family: 'Rock Salt';
    font-size: 16px;
    color: #414042;
}

.loginBoxPriceSymbolText
{
    font-family: 'PT Sans';
    font-size: 36px;
    color: #3196BA;
}

.loginBoxPriceText
{
    font-family: 'PT Sans';
    font-size: 90px;
    color: #3196BA;
}

.createGoalWizardHeadlineSubText
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 16px;
    color: #58595B;
}

.createGoalWizardProgressBar
{
    height: 20px;
    width: 323px;
    margin-left: -8px;
    margin-top: -5px;
    background-color: #00E1FF;
    background: -moz-linear-gradient(top, #00E1FF, #4697A8); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #00E1FF 0%, #4697A8 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00E1FF), color-stop(1, #4697A8)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#00E1FF' , endColorstr= '#4697A8' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #00E1FF 0%, #4697A8 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #00E1FF 0%, #4697A8 100%); /* Opera */
}

.planWizardProgressBar
{
    height: 20px;
    width: 210px;
    margin-left: -8px;
    margin-top: -5px;
    background-color: #00E1FF;
    background: -moz-linear-gradient(top, #00E1FF, #4697A8); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #00E1FF 0%, #4697A8 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00E1FF), color-stop(1, #4697A8)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#00E1FF' , endColorstr= '#4697A8' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #00E1FF 0%, #4697A8 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #00E1FF 0%, #4697A8 100%); /* Opera */
}

.setNotificationsText
{
    font-family: 'Rock Salt';
    font-size: 17px;
    color: #28A6B8;
}

.setNotificationsSubText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #808285;
}

.notificationText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #585968;
}

.notificationTypeText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 10px;
    color: #585968;
}

.emailFriendsText
{
    font-family: 'Rock Salt';
    font-size: 20px;
    color: #28A6B8;
}

.copyPasteText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #585968;
}

.challengeTXT
{
    font-family: 'PT Sans';
    font-size: 14px;
    color: #414042;
}

.FBTWText
{
    font-family: 'Rock Salt';
    font-size: 17px;
    color: #A7A9AC;
}

.startWorkingText
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 36px;
    color: #6D6E71;
}

.finishGoalLowerText
{
    font-family: 'Rock Salt';
    font-size: 18px;
    color: #6D6E71;
}

.startNewGoal
{
    font-family: 'Rock Salt';
    font-size: 26px;
    color: #58595B;
}

.startNewGoalSymbol
{
    font-family: 'Rock Salt';
    font-size: 52px;
    color: #58595B;
}

.fileUploadHide
{
    position: absolute;
    left: 37px;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}

.grayOut
{
    opacity: .30;
    filter: alpha(opacity=30);
    cursor: pointer;
}

.goalTabsBackground
{
    background-color: #E6E7E8;
}

.actionCountText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #414042;
}
.userNameDetail
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #4B4B4B;
}
.userName
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #414042;
    cursor: pointer;
}

.userName13
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #4B4B4B;
}

.mediumUserName
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #5A5A5A;
}

.userNameInDetail
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #414042;
    text-transform: capitalize;
}

.circle
{
    display: block;
    width: 28px;
    height: 28px;
    background: #D2D2D2;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
}

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

.divBrowseGradientStopWatch
{
    width: 80px;
    height: 80px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #D2D3D4, #e7e7e7);
    background-image: -moz-linear-gradient(top, #D2D3D4, #e7e7e7);
    background-image: -ms-linear-gradient(top, #D2D3D4, #e7e7e7);
    background-image: -o-linear-gradient(top, #D2D3D4, #e7e7e7);
    font-size: 22px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #D2D3D4;
}

.divBrowseGradientStopWatch:hover
{
    width: 80px;
    height: 80px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #D2D3D4, #696969);
    background-image: -moz-linear-gradient(top, #D2D3D4, #696969);
    background-image: -ms-linear-gradient(top, #D2D3D4, #696969);
    background-image: -o-linear-gradient(top, #D2D3D4, #696969);
    font-size: 22px;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #D2D3D4;
    cursor: pointer;
}



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


.numberCircle
{
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(PIE.htc);
    width: 10px;
    height: 10px;
    padding: 1px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    background-color: #E1E1E1;
    font: 22px Arial, sans-serif;
}

.numberCircleSmall
{
    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    behavior: url(PIE.htc);
    width: 20px;
    height: 18px;
    padding-right: 1px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    background-color: #E1E1E1;
    font: 15px Arial, sans-serif;
}

.lowerShadow
{
    -webkit-box-shadow: 0 5px 5px -5px gray;
    -moz-box-shadow: 0 5px 5px -5px gray;
    box-shadow: 0 5px 5px -5px gray;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='gray')"; /* For IE 8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color= 'gray' ); /* For IE 5.5 - 7 */
}

.divArrowsTextGradient
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #D1D3D4; /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */ /* Safari/Chrome 10 */ /* IE 10 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#58595B', endColorstr='#414042')";
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
}
.divArrowsTextGradient:hover
{
    color: #FFFFFF; /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #289AAC 0%, #00819C 100%); /* Chrome 11+ */ /* Safari/Chrome 10 */ /* IE 10 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#289AAC', endColorstr='#00819C')";
    background-image: -o-linear-gradient(top left, #289AAC 0%, #00819C 100%); /* Opera */
}

.VisionLSText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
}

.TextBoxBorder
{
    border: 1px solid #808285;
    padding-left: 5px;
}

.StartGoalOnTemplate
{
    background-color: #289AAC; /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #289AAC 0%, #00819C 100%); /* Chrome 11+ */ /* Safari/Chrome 10 */ /* IE 10 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#289AAC', endColorstr='#00819C')";
    background-image: -o-linear-gradient(top left, #289AAC 0%, #00819C 100%); /* Opera */
}

.StartGoalOnTemplate:hover
{
    cursor: pointer;
    background-color: #1CBECA; /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #1CBECA 0%, #4697A8 100%); /* Chrome 11+ */ /* Safari/Chrome 10 */ /* IE 10 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1CBECA', endColorstr='#4697A8')";
    background-image: -o-linear-gradient(top left, #1CBECA 0%, #4697A8 100%); /* Opera */
}
.templateDetailBoxHeader
{
    font-family: 'Rock Salt';
    font-size: 16px;
    color: black;
}

.textBoxAddGoal
{
    border: 1px solid gray;
    color: gray;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 14px;
    width: 98%;
    padding-left: 10px;
}
.textBoxAddGoal2
{
    border: 1px solid #BCBEC0;
    color: #58595B;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 12px;
    width: 645px;
    padding-left: 10px;
    height: 25px;
}
.textAreaAddGoal
{
    border: 1px solid #BCBEC0;
    color: #58595B;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 12px;
    width: 635px;
    padding: 10px;
}

.packageTitle
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 13px;
    color: #4B4B4B;
    font-weight: 700;
}

.packageTitleLarge
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 13px;
    color: #4B4B4B;
    font-weight: 700;
}

.packageTitleWhite
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 700;
}

.challengeMemo
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 14px;
    color: #4B4B4B;
    font-weight: 700;
}

.publicationSubtitle
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 12px;
    color: #4B4B4B;
    font-weight: 700;
}

.brandTitle
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 16px;
    color: #4B4B4B;
    font-weight: 700;
}

.BrandHeaderTitles
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 14px;
    color: #4B4B4B;
    font-weight: 700;
}

.BrandHeaderTitles18
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 18px;
    color: #4B4B4B;
    font-weight: 700;
}

.publicationFeeds
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 14px;
    color: #4B4B4B;
    font-weight: 700;
}

.publicationSummary
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 12px;
    color: #6D6E71;
    font-weight: 700;
}

.brandDescription
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 14px;
    color: #6D6E71;
    font-weight: 400;
}

.addBlogPost
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 13px;
    color: #4B4B4B;
    font-weight: 700;
}

.brandTopHeaderTitle
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 34px;
    color: #414042;
    font-weight: 400;
}

.communityTopHeaderTitleBold
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 36px;
    color: #414042;
    font-weight: 700;
}

.communityTopHeaderTitle
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 22px;
    color: #6D6E71;
    font-weight: 700;
}

.viewAllComm
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 12px;
    color: #4B4B4B;
    font-weight: 700;
}

/*Old code(may be used in future)*/
.topRoundedCorners2
{
    background: -moz-linear-gradient(top, #008ED3, #00B9DF); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #008ED3 0%, #00B9DF 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00B9DF), color-stop(1, #008ED3)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#008ED3' , endColorstr= '#00B9DF' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #008ED3 0%, #00B9DF 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #008ED3 0%, #00B9DF 100%); /* Opera */
}

/*Old code(may be used in future)*/
.bottomRoundedCorners2
{
    background: -moz-linear-gradient(top, #008ED3, #00B9DF); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #008ED3 0%, #00B9DF 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #00B9DF), color-stop(1, #008ED3)); /* Safari/Chrome 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#008ED3' , endColorstr= '#00B9DF' ); /* IE 8 */
    background-image: -ms-linear-gradient(top left, #008ED3 0%, #00B9DF 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #008ED3 0%, #00B9DF 100%); /* Opera */
}

.tounamentTextBox
{
    border: 1px solid #7F7F7F;
    background: #F2F2F2;
    padding-left: 5px;
    padding-right: 5px;
}
.tournamentTextLarge
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #6D6E71;
}

.greenButton
{
    border: 2px solid #77933C;
    background: #4F6228;
    text-align: center;
    font-family: 'PT Sans' , sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
}

.mediumGreenButton
{
    border: 2px solid #77933C;
    background: #4F6228;
    text-align: center;
    font-family: 'PT Sans' , sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF;
}

.smallGreenButton
{
    border: 2px solid #77933C;
    background: #4F6228;
    text-align: center;
    font-family: 'PT Sans' , sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #FFFFFF;
}

.smallBlueButton
{
    border: 2px solid #3C77AA;
    background: #3C77AA;
    text-align: center;
    font-family: 'PT Sans' , sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #FFFFFF;
}

.surveySubmissionButton
{
    width: 155px;
}

.smallRedButton2
{
    border: 2px solid red;
    background: red;
    text-align: center;
    font-family: 'PT Sans' , sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #FFFFFF;
    width: 80px;
}

.smallGrayButton
{
    border: 2px solid gray;
    background: gray;
    text-align: center;
    font-family: 'PT Sans' , sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #FFFFFF;
}

.smallRedButton
{
    border: 2px solid #963A38;
    background: #632523;
    text-align: center;
    font-family: 'PT Sans' , sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #FFFFFF;
}

.findPlayerAreaFill
{
    border: 2px solid #7F7F7F;
    background: #D9D9D9;
}
.whiteNarrowTextLarge
{
    font-family: 'PT Sans Narrow' , sans-serif;
    font-size: 24px;
    color: #FFFFFF;
}

.whiteTextLarge
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
}
.blackTextLarge
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #404142;
}
.grayButton
{
    border: 2px solid #385D8A;
    background: #7F7F7F;
    text-align: center;
}

.countTextClass
{
    color: #58595B;
    font-family: 'PT Sans' ,sans-serif;
    font-size: 22px;
    font-weight: 700;
}

.SinglePlayerHead
{
    color: #58595B;
    font-family: 'PT Sans' ,sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.divSinglePlayerText
{
    color: #8B7F7F;
    font-family: 'PT Sans' ,sans-serif;
    font-size: 20px;
    font-weight: 500;
}
.divPlayer1
{
    height: 60px;
    background-color: #c3d69b;
    border: 1px solid #7F7F7F;
}
.divPlayer2
{
    height: 60px;
    background-color: #d9d9d9;
    border: 1px solid #7F7F7F;
}

.txtSinglePlayer
{
    color: #8B7F7F;
    font-family: 'PT Sans' ,sans-serif;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #7F7F7F;
    padding-left: 5px;
    padding-right: 5px;
}

.labelTournamentGraySize10
{
    font-family: 'PT Sans' ,sans-serif;
    font-size: 10pt;
    color: Gray;
}

.TournamentWinnerRound1Header
{
    font-family: 'PT Sans' ,sans-serif;
    font-size: 36px;
    font-weight: 700;
}
.TournamentWinnerRound1Header2
{
    font-family: 'PT Sans' ,sans-serif;
    font-size: 24px;
    font-weight: 700;
}
.TournamentWinnerRound1BoxTeamName
{
    color: #0000FF;
    font-family: 'PT Sans' ,sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin-top: 10px;
}

.labelErrorVerion_2_0
{
    font-family: 'PT Sans' ,sans-serif;
    font-size: 10pt;
    font-weight: 700;
    color: Red;
}

.TournamentWinnerRound1BoxTeamName:hover
{
    font-weight: 700;
}
.TournamentSelectedWinnerRound1Box
{
    color: #B2B2B2;
    font-family: 'PT Sans' ,sans-serif;
    font-size: 24px;
    font-weight: 500;
    margin-top: 10px;
}

.TournamentWinnerRound1BoxVS
{
    color: #000000;
    font-family: 'PT Sans' ,sans-serif;
    font-size: 24px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 15px;
}

.TournamentButtonGray
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #404142;
    background-color: #FFFFFF; /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #FFFFFF 0%, #CECECE 100%); /* Chrome 11+ */ /* Safari/Chrome 10 */ /* IE 10 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#CECECE')";
    behavior: url(PIE.htc);
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #404142;
    background-image: -o-linear-gradient(top left, #FFFFFF 0%, #CECECE 100%); /* Opera */ /* IE6 & IE7 */ /* IE8 */
}
.TournamentButtonGray:hover
{
    background: #999999;
}
.ClubAboutHeader
{
    font-family: 'PT Sans' ,sans-serif;
    font-size: 36px;
    font-weight: 700;
}
.TournamentClubBackground
{
    background-color: #E5E5E5; /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #E5E5E5 0%, #B2B2B2 100%); /* Chrome 11+ */ /* Safari/Chrome 10 */ /* IE 10 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E5E5E5', endColorstr='#B2B2B2')";
    background-image: -o-linear-gradient(top left, #E5E5E5 0%, #B2B2B2 100%); /* Opera */
}
.selectedMenuTab
{
    border: solid black;
    border-width: 1px 1px 0px 1px;
    background: white; /*background:white;border-top:1px solid black;border-left:1px solid black;border-right:1px solid black;*/
}

.notSelectedMenuTab
{
    border: solid black;
    border-width: 0px 0px 1px 0px;
    background: transparent;
}





/*
 * jQuery Nivo Slider v2.7.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */


/* The Nivo Slider styles */
.nivoSlider
{
    position: relative;
}
.nivoSlider img
{
    position: absolute;
    top: 0px;
    left: 0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice
{
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
}
.nivo-box
{
    display: block;
    position: absolute;
    z-index: 5;
}
/* Caption styles */
.nivo-caption
{
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #000;
    color: #fff;
    opacity: 0.8; /* Overridden by captionOpacity setting */
    width: 100%;
    z-index: 8;
}
.nivo-caption p
{
    padding: 5px;
    margin: 0;
}
.nivo-caption a
{
    display: inline !important;
}
.nivo-html-caption
{
    display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a
{
    background: url(../Images/Ver_2_0/arrows.png) no-repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    height: 30px;
    text-indent: -9999px;
    width: 30px;
    position: absolute;
    top: 45%;
    z-index: 9;
    cursor: pointer;
    background: url(../Images/Ver_2_0/arrows.png) no-repeat scroll 0 0 transparent;
}
.nivo-prevNav
{
    left: 0px;
}
.nivo-nextNav
{
    right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a
{
    position: relative;
    z-index: 9;
    cursor: pointer;
    font-size: 20px;
}
.nivo-controlNav a.active
{
    font-weight: bold;
}

.textItalic
{
    font-style: italic;
}
.barHeaderText
{
    color: Red;
    font-weight: bold;
}
.dragon_defaultMenuGradient
{
    background: -webkit-gradient(linear, left top, left bottom, from(#1B0102), to(#414042));
    background: -moz-linear-gradient(top,  #58595B,  #414042); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #58595B), color-stop(1, #414042)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #58595B 0%, #414042 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#58595B', endColorstr='#414042'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#58595B', endColorstr='#414042')"; /* IE8 */
}
.dragon_selectedMenuGradient
{
    background: -webkit-gradient(linear, left top, left bottom, from(#58595B), to(#414042));
    background: -moz-linear-gradient(top,  #58595B,  #414042); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #58595B 0%, #414042 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #58595B), color-stop(1, #414042)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #58595B 0%, #414042 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #58595B 0%, #414042 100%); /* Opera */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#58595B', endColorstr='#414042'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#58595B', endColorstr='#414042')"; /* IE8 */
}
.divDragonGradient
{
    background-color: #1A1A1A;
    background: -webkit-gradient(linear, left top, left bottom, from(#1A1A1A), to(#2D2D2D));
    background: -moz-linear-gradient(top,  #1A1A1A,  #2D2D2D); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #1A1A1A 0%, #2D2D2D 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1A1A1A), color-stop(1, #2D2D2D)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #1A1A1A 0%, #2D2D2D 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #1A1A1A 0%, #2D2D2D 100%); /* Opera */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1A1A1A', endColorstr='#2D2D2D'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1A1A1A', endColorstr='#2D2D2D')"; /* IE8 */
    background-image: -ms-linear-gradient(top left, #1A1A1A 0%, #2D2D2D 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #1A1A1A 0%, #2D2D2D 100%); /* Opera */
}
.divDragonBlackGradient
{
    background-color: #000000;
    background-image: -moz-radial-gradient(#000000, #090000);
    background-image: -webkit-gradient(radial, center center, 0, center center, 220, from(#000000), to(#090000)); /* old */
    background-image: -webkit-radial-gradient(#000000, #090000); /* new syntax */
    background-image: radial-gradient(#000000, #090000);
}
.divDragonText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #D5D3D6;
    text-transform: uppercase;
    list-style-type: none;
}
.divDragonText li
{
    line-height: 30px;
}

.divDragonOrangeText
{
    font-family: 'Calibri' , sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #BF6D24;
}
.divDragonContactHeaderText
{
    font-family: 'Calibri' , sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #C06B25;
    font-size: 14px;
}
.divDragonSubTitle
{
    font-family: 'Calibri' , sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #C06B25;
    font-size: 12px;
}
.divDragonContactText
{
    font-family: 'Calibri' , sans-serif;
    font-weight: 700;
    color: #BDBBBC;
}
.dragonDivColordBakground
{
    padding: 30px;
    background-color: #470505;
    background: -webkit-gradient(linear, left top, left bottom, from(#470505), to(#000000));
    background: -moz-linear-gradient(top,  #470505,  #000000); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #470505 0%, #000000 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #470505), color-stop(1, #000000)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #470505 0%, #000000 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #470505 0%, #000000 100%); /* Opera */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#470505', endColorstr='#000000'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#470505', endColorstr='#000000')"; /* IE8 */
    background-image: -ms-linear-gradient(top left, #470505 0%, #000000 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #470505 0%, #000000 100%); /* Opera */
}
.dragon_DivColordBakground
{
    background-color: #470505;
    background: -webkit-gradient(linear, left top, left bottom, from(#470505), to(#000000));
    background: -moz-linear-gradient(top,  #470505,  #000000); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #470505 0%, #000000 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #470505), color-stop(1, #000000)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #470505 0%, #000000 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #470505 0%, #000000 100%); /* Opera */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#470505', endColorstr='#000000'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#470505', endColorstr='#000000')"; /* IE8 */
    background-image: -ms-linear-gradient(top left, #470505 0%, #000000 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #470505 0%, #000000 100%); /* Opera */
}
.dragonNavigationBakground
{
    padding: 15px;
    position: absolute;
    z-index: 1002;
    background-color: #470505;
    background: -webkit-gradient(linear, left top, left bottom, from(#470505), to(#000000));
    background: -moz-linear-gradient(top,  #470505,  #000000); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #470505 0%, #000000 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #470505), color-stop(1, #000000)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #470505 0%, #000000 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #470505 0%, #000000 100%); /* Opera */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#470505', endColorstr='#000000'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#470505', endColorstr='#000000')"; /* IE8 */
    background-image: -ms-linear-gradient(top left, #470505 0%, #000000 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #470505 0%, #000000 100%); /* Opera */
}
.partiesHeaderText
{
    font-family: 'Calibri' , sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #D29100;
}
.partiesHeaderSmallText
{
    font-family: 'Calibri' , sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #D29100;
}
.partiesContentText
{
    font-family: 'Calibri' , sans-serif;
    font-weight: 700;
    color: #D2CCCC;
    font-size: 14px;
    list-style-type: none;
}
.partiesContentText li
{
    line-height: 25px;
}
.contactWhiteText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    color: #D2CCCC;
    font-size: 15px;
    list-style-type: none;
}
.welcomeContentText
{
    font-family: 'Calibri' , sans-serif;
    font-weight: 700;
    color: #DCDBDB;
    font-size: 15px;
    list-style-type: none;
}
.contentSmallText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 13px;
}

.contentListText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 13px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.contentListText li
{
    line-height: 25px;
}

.contentBoldText
{
    font-family: 'PT Sans-Serif' , sans-serif;
    font-weight: 700;
    color: #DCDBDB;
    font-size: 14px;
}

.defaultRadialClass
{
    background: #5D0504; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #5D0504 42%, #200202 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(42%,#5D0504), color-stop(100%,#200202)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #5D0504 42%,#200202 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #5D0504 42%,#200202 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #5D0504 42%,#200202 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, #5D0504 42%,#200202 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5D0504', endColorstr='#200202',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.selectedRadialClass
{
    background: #360305; /* Old browsers */
}

.tournamentBracketBox
{
    border: 1px solid black;
    line-height: 25px;
    overflow: hidden;
    width: 124px;
    font-size: 15px;
    color: #58595B;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
}


.tab
{
    background-color: #D2D2D2;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    border-color: #000000;
    border-bottom-width: 0px;
    padding: 3px 1em 3px 1em;
    font-size: 12px;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
}

.tab, .tab:visited
{
    color: #808080;
}

.tab:hover
{
    background-color: #878787;
    color: #FFFFFF;
}

.controlsBorder
{
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    background-attachment: scroll;
    background-color: transparent;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#E9E9E9));
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E9E9E9);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    color: #464646;
    cursor: pointer;
    font-family: "Lucida Grande" ,Tahoma,Arial,sans-serif;
    line-height: 130%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0.7em;
    border-radius: 10px 10px 10px 10px;
    border-color: #D2D2D2;
    margin-top: 0;
}

.controlsBorder:hover
{
    margin-top: 52px;
    color: #FFFFFF; /*Shadow*/
    -webkit-box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.4); /*Gradient*/
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}

.borderBottom
{
    border-bottom: 1px dotted #D2D2D2;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.shadow
{
    -moz-box-shadow: 3px 3px 4px #C3C3C3;
    -webkit-box-shadow: 3px 3px 4px #C3C3C3;
    box-shadow: 3px 3px 4px #C3C3C3; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#C3C3C3')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#C3C3C3');
}

.horizontalLine
{
    background-color: #C3C3C3;
    height: 1px;
}

.controlButtonDelete
{
    color: maroon;
    font-weight: bold;
    line-height: 9px;
    margin-top: -11px;
}

.roundedTextBox
{
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    border-color: #000000;
    padding: 3px 1em 3px 1em;
    font-size: 12px;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    height: 12px;
    border-width: 1px;
}
.roundedTextBoxForTitle
{
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    border-color: #000000;
    padding: 3px 1em 3px 1em;
    font-size: 12px;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;   
    border-width: 1px;
}

.roundedButton
{
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border-color: #000000;
    font-size: 12px;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    border-width: 1px;
}

.surveyFormSelectedTab
{
    background-color: #878787;
    color: #FFFFFF;
}

.surveyFormWidgetUnderDrag
{
    background-color: #CB181B;
}

.dragonButtonClass
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    color: #CDCDCD;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    line-height: 25px;
    background-color: #A03200;
    background: -webkit-gradient(linear, left top, left bottom, from(#A03200), to(#BE500D));
    background: -moz-linear-gradient(top,  #A03200,  #BE500D); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #A03200 0%, #BE500D 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A03200), color-stop(1, #BE500D)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #A03200 0%, #BE500D 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #A03200 0%, #BE500D 100%); /* Opera */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#A03200', endColorstr='#BE500D'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#A03200', endColorstr='#BE500D')"; /* IE8 */
    background-image: -ms-linear-gradient(top left, #A03200 0%, #BE500D 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #A03200 0%, #BE500D 100%); /* Opera */
}
.dragonButtonClass span
{
    color: #CDCDCD;
    font-size: 12px;
}

.dragonButtonClass:hover
{
    color: #FFFFFF;
    background-color: #D26421;
    background: -webkit-gradient(linear, left top, left bottom, from(#D26421), to(#F0823F));
    background: -moz-linear-gradient(top,  #D26421,  #F0823F); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #D26421 0%, #F0823F 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D26421), color-stop(1, #F0823F)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #D26421 0%, #F0823F 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #D26421 0%, #F0823F 100%); /* Opera */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D26421', endColorstr='#F0823F'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D26421', endColorstr='#F0823F')"; /* IE8 */
    background-image: -ms-linear-gradient(top left, #D26421 0%, #F0823F 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #D26421 0%, #F0823F 100%); /* Opera */
}

.achorUnderlineColor:hover
{
    color: #D2D3D4;
    text-decoration: underline;
}

.defaultPageCounter
{
    background-color: #D2D3D4;
}

.selectedPageCounter
{
    background-color: #808285;
    color: #ffffff;
}

.whiteListStyleContent
{
    font-family: Calibri, Verdana, Arial;
    font-size: 14px;
    color: White;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.whiteListStyleContent li
{
    line-height: 25px;
}
.listUniqueText
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 500;
    color: #FFFFFF;
    font-size: 13px;
    list-style-type: none;
}
.dragonTopHeaderText
{
    font-family: 'PT Sans-Serif' , sans-serif;
    font-weight: 700;
    color: #C9C8C1;
    font-size: 14px;
}

.happinessFooter
{
    background-clip: border-box;
    background-image: url("../images/ver_2_0/happiness/FooterImage.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 228px;
}

.happinessFooterText
{
    font-family: 'Poiret One' ,cursive;
    font-size: 11pt;
    color: #FFFFFF;
}

.orangeButton
{
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 35px;
    width: 100px;
    text-align: center;
    background-color: #FFAF00;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFAF00), to(#F58D00));
    background: -moz-linear-gradient(top,  #FFAF00,  #F58D00);
    -webkit-linear-gradient: (top left, #FFAF00 0%, #F58D00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFAF00), color-stop(1, #F58D00));
    background-image: -ms-linear-gradient(top left, #FFAF00 0%, #F58D00 100%);
    background-image: -o-linear-gradient(top left, #FFAF00 0%, #F58D00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFAF00', endColorstr='#F58D00');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFAF00', endColorstr='#F58D00')";
}

.signUpCommOrangeButton
{
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 45px;
    width: 150px;
    text-align: center;
    background-color: #FFAF00;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFAF00), to(#F58D00));
    background: -moz-linear-gradient(top,  #FFAF00,  #F58D00);
    -webkit-linear-gradient: (top left, #FFAF00 0%, #F58D00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFAF00), color-stop(1, #F58D00));
    background-image: -ms-linear-gradient(top left, #FFAF00 0%, #F58D00 100%);
    background-image: -o-linear-gradient(top left, #FFAF00 0%, #F58D00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFAF00', endColorstr='#F58D00');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFAF00', endColorstr='#F58D00')";
}

.signUpCommOrangeButton:hover
{
    cursor: pointer;
    background-color: #FFAF00;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFAF00), to(#4697A8));
    background: -moz-linear-gradient(top,  #FFAF00,  #4697A8); /* mozilla FireFox*/
    -webkit-linear-gradient: (top left, #FFAF00 0%, #4697A8 100%); /* Chrome 11+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFAF00), color-stop(1, #4697A8)); /* Safari/Chrome 10 */
    background-image: -ms-linear-gradient(top left, #FFAF00 0%, #4697A8 100%); /* IE 10 */
    background-image: -o-linear-gradient(top left, #FFAF00 0%, #4697A8 100%); /* Opera */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFAF00', endColorstr='#4697A8'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFAF00', endColorstr='#4697A8')"; /* IE8 */
}


.blackHeader
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    font-size: 34px;
    color: #6C6D6F;
}
.blackHeaderBold
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #6C6D6F;
}

.singleCellLayoutTopMenuSelected
{
    background-color: #D2D3D4;
}

.singleCellLayoutSubMenuSelected
{
    width: 100px;
    display: block;
    line-height: 40px;
    background-color: #D2D3D4;
}

.singleCellLayoutSubMenuUnSelected
{
    width: 100px;
    display: block;
    line-height: 40px;
    background-color: #E1E2E3;
}

.blueHeader
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 400;
    font-size: 34px;
    color: #3C77AA;
}
.blueHeaderBold
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #3C77AA;
}

.happinessBlackText
{
    font-family: Helvetica,Arial,Sans-Serif;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}

.orangeNarrowText
{
    font-family: Helvetica,Arial,Sans-Serif;
    font-size: 20px;
    color: #F37324;
}

.orangeText
{
    font-family: Helvetica,Arial,Sans-Serif;
    font-size: 22px;
    color: #F37324;
}

.blueButton
{
    font-family: 'Reenie Beanie';
    font-weight: 700;
    font-size: 28px;
    background: #3C77AA;
    line-height: 60px;
    color: #FFFFFF;
    width: 200px;
}


.brandNavigationBakground
{
    margin-left: -10px;
    position: absolute;
    z-index: 1002;
    background-color: #D2D2D2;
    color: #58595B;
    background: -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#C3C3C3));
    background: -moz-linear-gradient(top,  #D2D2D2,  #C3C3C3);
    -webkit-linear-gradient: (top left, #D2D2D2 0%, #C3C3C3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D2D2D2), color-stop(1, #C3C3C3));
    background-image: -ms-linear-gradient(top left, #D2D2D2 0%, #C3C3C3 100%);
    background-image: -o-linear-gradient(top left, #D2D2D2 0%, #C3C3C3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D2D2D2', endColorstr='#C3C3C3');
    -ms-filter: "progid:DXImageTransform. Microsoft.gradient(GradientType=0,startColorstr='#D2D2D2', endColorstr='#C3C3C3')";
}
.portalTextClass
{
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #6D6E71;
}

.portalTextClass:hover
{
    color: #FFFFFF;
}

.footerContentBlackText
{
    font-size: 13px;
    color: #58595B;
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
}
.footerContentBlackText span
{
    color: #58595B;
}
.footerContentBlackText span:hover
{
    color: #000000;
}

.footerListClass
{
    list-style-type: none;
}
.footerListClass li
{
    line-height: 25px;
}

.proText
{
    font-family: 'PT Sans' , sans-serif;
    font-size: 14px;
    color: #414042;
}
.proText li
{
    line-height: 30px;
}
.proHeaderText
{
    font-size: 25px;
    font-weight: 600;
}
.proPageBoxPost
{
    width: 500px;
    border: 1px solid #D1D2D3;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    float: right;
}
.proPageBoxInput
{
    background: #EDEDED;
    width: 95%;
    border: 1px solid #D1D2D3;
    font-family: 'PT Sans' , sans-serif;
    font-size: 16px;
    color: #58595B;
    padding: 6px 0px 6px 15px;
}
.submenu1
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 120px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.submenu1 a
{
    display: block;
    height: 30px;
    margin-top: 20px;
    width: 123px;
}

.submenu1 a.about
{
    background-image: url("../Images/Ver_2_0/happiness/aboutUs.png");
}
.submenu1 a.goal
{
    background-image: url("../Images/Ver_2_0/happiness/goals.png");
}
.submenu1 a.ourapp
{
    background-image: url("../Images/Ver_2_0/happiness/ourApp.png");
}
.submenu1 a.newsletter
{
    background-image: url("../Images/Ver_2_0/happiness/freeNewsletter.png");
}
.submenu1 a.store
{
    background-image: url("../Images/Ver_2_0/happiness/ourStore.png");
}
.submenu1 a.blog
{
    background-image: url("../Images/Ver_2_0/happiness/ourBlog.png");
}
.submenu1 a.contact
{
    background-image: url("../Images/Ver_2_0/happiness/contactUs.png");
}
.submenu1 a.submit
{
    height: 90px;
    margin-top: 40px;
}

.headerClassPopUp
{
    background: #E1E2E3;
    height: 35px;
}

.pipelineReportSummarySmallCell
{
    width: 80%;
    display: table-cell;
}

.pipelineReportVisibleNumberCell
{
    width: 20%;
    display: table-cell;
}

.whiteHorizontalFooter
{
    font-family: 'Calibri' , sans-serif;
    font-weight: 700;
    font-size: 14px;
    list-style-type: none;
}
.whiteHorizontalFooter a, .whiteHorizontalFooter td
{
    color: #FFFFFF;
}
/******************************************************************/
/*******************Pipeline Reports Custom Style*****************/
/*****************************************************************/
.PipelineBudgetBackground
{
    background-color: #FFFFFF;
}

.PipelineBudgetReportHeader
{
    background-color: #0075C3;
}

.PipelineBudgetReportHeaderFont
{
    color: #FFFFFF;
    font-family: 'PT Sans' ,sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.PipelineBudgetHighlightRow
{
    background-color: #ADCEE5;
}

.PipelineBudgetHighlightColumn
{
    background-color: #A6A6A6;
}

.scoreboardCellBorder
{
    border: 1px solid #D2D2D2;
}

.scoreboardBorder
{
    border: 1px solid #D2D2D2;
    border-collapse: collapse;
}

.scoreboardGoalBorder
{
    border-bottom: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    border-top: 1px solid #D2D2D2;
    border-collapse: collapse;
}

.scoreboardArrowBorder
{
    border-bottom: 1px solid #D2D2D2;
    border-left: 1px solid #D2D2D2;
    border-top: 1px solid #D2D2D2;
    border-collapse: collapse;
    text-indent: -9999px;
}

.scoreboardGoalTargetCell
{
    background-color: #DCEBF9;
}


/*****************  Package CSS Start   ********************/
.packageHeading
{
    color: #2A4570;
    font-size: 18px;
    background: white;
    font-weight: bold;
}
.packageHeading_Imp
{
    color: white;
    font-size: 18px;
    background: #2A4570;
    font-weight: bold;
}

.featureHead
{
    font-weight: bold;
    font-size: 16px;
}
.grayBackground
{
    background: #E1E1E1;
}
.packageTab
{
    font-size: 14px;
}
.packageTab td
{
    vertical-align: middle;
    font-weight: bold;
}
.packageTab td div
{
    padding: 10px;
}
.packageTab tr:hover td.grayBackground
{
    background: #ECECD0;
}
.packageCaption
{
    background: #3F3F3F;
    color: #FFFF00;
}
.packageValueNo
{
    color: Gray;
    font-weight: 400;
}
.packageValueYes
{
    color: Green;
}
.packageTitle
{
    color: Gray;
    font-size: 15px;
}
.packageButton
{
    display: inline-block;
    padding: 2px 12px !important;
    text-decoration: none;
    color: Gray;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(../PIE.htc);
}
.packageButton span
{
    color: Gray;
}
.packageButton:hover, .packageButton:hover span
{
    text-decoration: none;
    color: White;
}

/*****************  Package CSS End   ********************/
.smallWidthSurvey
{
    width: 150px !important;
}
.mediumWidthSurvey
{
    width: 300px !important;
}
.largeWidthSurvey
{
    width: 452px !important;
}
.fullWidthSurvey
{
	width: 100% !important;
}

.MouseOverUnderline:hover
{
    text-decoration: underline;
}
.ExpandRow:hover
{
    background-color: #F1F2F2;
    cursor: pointer;
}

.loginPopupContent
{
    width: 100%;
}

.loginPopupButton
{
    width: 89px;
    height: 24px;
}

.loginPopupIFrame
{
    height: 330px;
}

.iosScroll
{
    -webkit-overflow-scrolling: touch;
}
#div_TemplateDetail .contenttd
{
   width:19% !important;
}

.contentsecondtd
{
   /* width:80%;*/
}

.numberGoalTextBox {
	width:65px;
	height:15px;
}