/** Account **/


.AccountMenuButton
{
    margin-left:10px;
    margin-top:-1px !important;
    width:190px !important;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:5px;
    cursor:pointer;
    font-size:12px;
}


.MilestoneGallery 
{
    margin:0px;
    padding:0px;    
}

.MilestoneGallery li
{
   list-style:none;
   float:left;
   margin:10px;
   height:130px;
   width:100px;
}


.MilestoneGallery .MilestoneGalleryImage .ImageWrapper
{
    text-align:center;
}

.MilestoneGallery .MilestoneGalleryImage .ImageWrapper img
{
    box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
}

.MilestoneGallery .MilestoneGalleryImage .ImageOptions
{
    margin-top:5px;
    text-align:center;
}




.MilestoneDateAndTitle
{ 
    margin-top:20px;
    font-size:14px;
    box-shadow: 0 4px 2px -4px gray;
    width:570px;
    margin-left:30px;
}

.MilestoneCalendarIcon
{
    margin-right:5px;
    color:#3F99B2;
}

.MilestoneDate
{
    float:left;
    padding:5px 10px 0px 0px;
    text-shadow: 1px 1px 0px rgba(150,150,150,0.2);
    font-weight:bold;
}

.MilestoneTitle
{
    float:left;
    font-size:14px;
    padding:5px 0px 5px 10px;
    text-shadow: 1px 1px 0px rgba(150,150,150,0.2);
    font-weight:bold;
    border-left:1px solid #ccc;
}

.MilestoneEditRemoveIcons
{
    float:right;
}

.MilestoneEditRemoveIcons i
{
    cursor:pointer;
}


.MilestoneText
{
    padding:20px;
    font-size:12px;
}






.NewWallPostImages 
{
    margin:0px;
    padding:0px;    
}

.NewWallPostImages li
{
   list-style:none;
   float:left;
   margin:10px;
   height:130px;
   width:100px;
}


.NewWallPostImages .NewWallPostImage .ImageWrapper
{
    text-align:center;
}

.NewWallPostImages .NewWallPostImage .ImageWrapper img
{
    box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
}

.NewWallPostImages .NewWallPostImage .ImageOptions
{
    margin-top:5px;
    text-align:center;
}







.WallPostImages 
{
    float:right;
    width:500px;
}



.WallPostImages .WallPostImage 
{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

.WallPostImages .WallPostImage img
{
    box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
}




/* Buttons */

.ButtonBlue
{
    /*font-family: Arial, Helvetica, Sans-serif;*/
    font-family: 'Open Sans', sans-serif;
	height: auto;
	border: none;
	cursor:pointer;
    outline: none;
    width:auto;
    text-decoration:none;
    display: inline-block;
    margin:0px;
    margin-left:3px;
    padding: 3px 18px 3px 13px;
    border-radius:0px;
    
    color:#fff;
    background: #52cfeb; /* Fallback */
    background: -moz-linear-gradient(#52cfeb, #3C92AA);
    background: -ms-linear-gradient(#52cfeb, #3C92AA);
    background: -o-linear-gradient(#52cfeb, #3C92AA);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#52cfeb), to(#3C92AA));
    background: -webkit-linear-gradient(#52cfeb, #3C92AA);
    background: linear-gradient(#52cfeb, #3C92AA);
    
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#52cfeb', EndColorStr='#3C92AA'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#52cfeb', EndColorStr='#3C92AA')";
    
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.3),
        0 1px 2px rgba(0,0,0,0.35),
        inset 0 3px 2px rgba(255,255,255,0.2),
        inset 0 -3px 2px rgba(0,0,0,0.1);
}

.ButtonBlue:hover
{
    cursor:pointer;
    color:#fff;
    background: #3C92AA; /* Fallback */
    background: -moz-linear-gradient(#3C92AA, #52cfeb);
    background: -ms-linear-gradient(#3C92AA, #52cfeb);
    background: -o-linear-gradient(#3C92AA, #52cfeb);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3C92AA), to(#52cfeb));
    background: -webkit-linear-gradient(#3C92AA, #52cfeb);
    background: linear-gradient(#3C92AA, #52cfeb);
    
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#3C92AA', EndColorStr='#52cfeb'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3C92AA', EndColorStr='#52cfeb')";
}

#AccountData input[type=text],#AccountData textarea,#AccountData select
{
   /* font-family: Arial,Helvetica,sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size:10px;
    color:#333;
    width: 150px;
    padding: 2px;
    border: none; 
    box-shadow: 
        inset 0 0 5px rgba(0,0,0,0.1),
        inset 0 3px 2px rgba(0,0,0,0.1);

    background: #fff;
}

.VSTable input[type=text],.VSTable .VSTable textarea,.VSTable select
{
    width:auto;
}



/* Context menu */

.ContextMenu
{
    background:#fff;
    border:1px solid #ccc;
    position:absolute;
    padding:5px;
    z-index:100;
}

.ContextMenu .ContextMenuOption
{
    padding:5px;
    margin:2px;
}

.ContextMenu .ContextMenuOption:hover
{
    cursor:pointer;
    background:#5AC7E0;
    
}


/* EASY TABS */


.EasyTabsLinksContainer { margin: 0; padding: 0; list-style:none; margin-left:4px; }
.EasyTabsLinksContainer li { margin: 0;margin-left:-4px;padding: 0; }
.EasyTabsLink { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #ccc; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.EasyTabsLink a { font-size: 10px; line-height: 2em; display: block; padding: 0 10px; outline: none; color:#333;margin:0; }
.EasyTabsLink a:hover {  }
.EasyTabsLink.active { background: #fff; padding-top: 4px; position: relative; top: 1px; border-color: #ccc; }
.EasyTabsLink a.active { font-weight: bold; }
.TabsContainer .EasyTabsContentContainer { background: #fff; border: solid #ccc 1px; padding:20px 5px;}


/* One box border table */

table.OnePxBorderTable 
{
	border-collapse: collapse;	
	margin:5px;
    border:none;
    width:100%;
}

table.OnePxBorderTable>tbody>tr>th 
{
	/*font-family: Arial,Helvetica,sans-serif;*/
    font-family: 'Open Sans', sans-serif;
	font-size:10px;
	font-weight: bold;
	border:1px solid #ccc;
	padding:5px;
    background:#ddd;
}


table.OnePxBorderTable>tbody>tr>td
{
	/*font-family: Arial,Helvetica,sans-serif;*/
    font-family: 'Open Sans', sans-serif;
	border:1px solid #ccc;
	padding:5px;
}

table.OnePxBorderTable>tbody>tr>td>ul
{
	list-style:none;
}

table.OnePxBorderTable>tbody>tr>td>img
{
	border:none;
    background:none;
    cursor: pointer;
}

table.OnePxBorderTable>tbody>tr>td>img.handle
{
    cursor:move;
}

table.OnePxBorderTable>tbody>tr
{
	border:none;
}


/* JQuery UI Dialogs */

.ContainerDiv
{
	display:none;
	overflow:hidden;
    width:100%;
}

.MessageContainer
{
	padding:10px 70px !important;
	text-align:center;
}

.MessageContainer .InfoPopupImage
{
	padding:10px;
}


/** Pagination **/

.Pagination
{
    text-align:center;
    margin-bottom:20px;
}

.Pagination a,.AjaxPaginationPageLink
{
    font-size:10px;
    margin-left:5px;
    text-align:center;
    padding-top:4px;
    padding-right:1px;
    padding-left:0px;
    display:inline-block;
    width:25px;
    height:17px;
    
    cursor:pointer;
    color:#fff;
    background: #717880; /* Fallback */
    background: -moz-linear-gradient(#717880, #555555);
    background: -ms-linear-gradient(#717880, #555555);
    background: -o-linear-gradient(#717880, #555555);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#717880), to(#555555));
    background: -webkit-linear-gradient(#717880, #555555);
    background: linear-gradient(#717880, #555555);
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.3),
        0 1px 2px rgba(0,0,0,0.35),
        inset 0 3px 2px rgba(255,255,255,0.2),
        inset 0 -3px 2px rgba(0,0,0,0.1);
    
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#717880', EndColorStr='#555555'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#717880', EndColorStr='#555555')";
    
}

.Pagination a:hover,.AjaxPaginationPageLink:hover
{
     background: #555555; /* Fallback */
    background: -moz-linear-gradient(#555555, #717880);
    background: -ms-linear-gradient(#555555, #717880);
    background: -o-linear-gradient(#555555, #717880);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#717880));
    background: -webkit-linear-gradient(#555555, #717880);
    background: linear-gradient(#555555, #717880);

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#717880'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#717880')";
}

.Pagination a.Active,.AjaxPaginationPageLink.Active
{
    color:#fff;
    background: #52cfeb; /* Fallback */
    background: -moz-linear-gradient(#52cfeb, #3C92AA);
    background: -ms-linear-gradient(#52cfeb, #3C92AA);
    background: -o-linear-gradient(#52cfeb, #3C92AA);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#52cfeb), to(#3C92AA));
    background: -webkit-linear-gradient(#52cfeb, #3C92AA);
    background: linear-gradient(#52cfeb, #3C92AA);
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.3),
        0 1px 2px rgba(0,0,0,0.35),
        inset 0 3px 2px rgba(255,255,255,0.2),
        inset 0 -3px 2px rgba(0,0,0,0.1);

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#52cfeb', EndColorStr='#3C92AA'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#52cfeb', EndColorStr='#3C92AA')";
}

.Pagination a.Active:hover,.AjaxPaginationPageLink.Active:hover
{
    color:#fff;
    background: #3C92AA; /* Fallback */
    background: -moz-linear-gradient(#3C92AA, #52cfeb);
    background: -ms-linear-gradient(#3C92AA, #52cfeb);
    background: -o-linear-gradient(#3C92AA, #52cfeb);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3C92AA), to(#52cfeb));
    background: -webkit-linear-gradient(#3C92AA, #52cfeb);
    background: linear-gradient(#3C92AA, #52cfeb);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#3C92AA', EndColorStr='#52cfeb'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3C92AA', EndColorStr='#52cfeb')";
}

.Pagination .Dots
{
    margin-left: 10px;
    margin-right: 5px;
    vertical-align:middle;
    color:#825246; 
    font-size:15px;
}


/* Diet details table */

table.DietReportTable 
{
    margin-bottom: 20px;
}

table.DietReportTable>tbody>tr>th 
{

    text-align:right;
}

table.DietReportTable>tbody>tr>th.DayRow 
{
	/*font-family: Arial,Helvetica,sans-serif;*/
    font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-align:left;
    padding:10px;
}

table.DietReportTable>tbody>tr.HeaderDescRow>th 
{
	background:#eee;
    text-align:center;
}

table.DietReportTable>tbody>tr.MealSummaryRow>td 
{
	background:#eee;
    font-size:10px;
}

table.DietReportTable>tbody>tr.DaySummaryRow>th 
{
	font-size:12px;
    padding-top:12px;
}

table.DietReportTable>tbody>tr>td 
{
	text-align:right;
    font-size:10px;
}

table.DietReportTable td:first-child 
{
    text-align: left;
}

/*Account CMS displays requires some of the site styles to be shared */


/** Page content **/

.PageContent
{
    float:left;
    width:680px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);  
    
}

.PageContentTitle
{
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    font-weight: bold;
    padding:5px 20px 5px;
    color:#fff;
    
    
    background: #717880;
    background: -moz-linear-gradient(#717880, #555555);
    background: -ms-linear-gradient(#717880, #555555);
    background: -o-linear-gradient(#717880, #555555);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#717880), to(#555555));
    background: -webkit-linear-gradient(#717880, #555555);
    background: linear-gradient(#717880, #555555);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#717880', EndColorStr='#555555'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#717880', EndColorStr='#555555')";
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.3),
        0 1px 2px rgba(0,0,0,0.35),
        inset 0 3px 2px rgba(255,255,255,0.2),
        inset 0 -3px 2px rgba(0,0,0,0.1);
        
 

    
    text-shadow: 1px 1px 0px rgba(40,40,40,0.5);
}

.PageContentContent
{
    padding:20px;
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size:10px;
    color:#333;
}

/** Sidebar **/

.Sidebar
{
    float:left;
    width:277px;
    margin-left:10px;
}

.SidebarSection
{
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);  
    margin-bottom:10px;
}

.SidebarSectionTitle
{
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size:11px;
    font-weight: bold;
    padding:5px 20px 5px;
    color:#fff;
    


    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.3),
        0 1px 2px rgba(0,0,0,0.35),
        inset 0 3px 2px rgba(255,255,255,0.2),
        inset 0 -3px 2px rgba(0,0,0,0.1);
    
    text-shadow: 1px 1px 0px rgba(40,40,40,0.5);

     background: #42A2BC; /* Fallback */
    background: -moz-linear-gradient(#42A2BC, #3C92AA);
    background: -ms-linear-gradient(#42A2BC, #3C92AA);
    background: -o-linear-gradient(#42A2BC, #3C92AA);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#42A2BC), to(#3C92AA));
    background: -webkit-linear-gradient(#42A2BC, #3C92AA);
    background: linear-gradient(#42A2BC, #3C92AA);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#42A2BC', EndColorStr='#3C92AA'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#42A2BC', EndColorStr='#3C92AA')";
}


.SidebarSectionContent
{
    padding:20px;
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size:10px;
    color:#333;
}


.SearchForumBox
{
    text-align:center;
    margin-top:-5px;
    margin-bottom:15px;
    box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 1px 1px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -1px 1px rgba(0,0,0,0.25);
    float:right;
    width:200px;
    padding:5px;
}



/* FORUM */

#TopicPostsTable img
{
    max-width:515px !important;
}