

/* General Styles */

body, html
{
    font-family: Tahoma, Arial, Helvetica;
    color: #222222;
    background-color: #000000;
    background-image: none;
}

form
{
    min-width: 90%;
}

A:LINK
{
    color: #3366CC;
}

A:ACTIVE
{
    color: #3366CC;
}

A:VISITED
{
    color: #003399;
}

SELECT, TEXTAREA, INPUT, BUTTON
{
    font-family: Tahoma, Arial, Helvetica;
}

.Common
{
    width: 90%;
}

A.NewPageLink
{
    color: #FA5454;
}

/* Header Styles */

#CommonHeader
{
    background-image: none;
    background-color: #5965D6;
    height: 100px;
}

.CommonHeaderTitle
{
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 225%;
}

#CommonHeaderUserRoundBottom .r1, #CommonHeaderUserRoundBottom .r2, #CommonHeaderUserRoundBottom .r3, #CommonHeaderUserRoundBottom .r4,
#CommonHeaderUserContent
{
    background-color: #03097D;
}

#CommonHeaderUserContent
{
    color: #0A1A92;
}

/* Navigation Styles */

#CommonNavigation
{
    background-color: #03097D;
}

#CommonNavigation .Common .Inner, #CommonNavigation ul li
{
    border-color: #4334A1;
}

#CommonNavigation .Common, #CommonNavigation a:link, #CommonNavigation a:active, #CommonNavigation a:visited, #CommonNavigation a:link, #CommonNavigation a:active, #CommonNavigation a:hover
{
    border-color: #000059;
}

#CommonNavigation a:link, #CommonNavigation a:active, #CommonNavigation a:visited
{
    color: #BFD8FB;
}

#CommonNavigation a:hover
{
    color: #FFFFFF;
}

#CommonNavigation a.Selected:link, #CommonNavigation a.Selected:active, #CommonNavigation a.Selected:visited
{
    color: #FFFFFF;
    background-color: #4433A1;
}

#CommonNavigation2
{
    background-color: #4433A1;
}

#CommonNavigation2 a:link, #CommonNavigation2 a:active, #CommonNavigation2 a:visited
{
    color: #00003D;
}

.CommonBreadCrumbArea
{
    background-color: #F7F7F7;
    color: #000000;
}

/* Body Styles */

.CommonTitle
{
    font-family: Arial, Helvetica;
    color: #FFFFFF;
    font-size: 200%;
}

#CommonHeaderTitle
{
    font-size: 225%;
}

#CommonHeaderTitle h1, #CommonHeaderTitle h1 A:LINK, #CommonHeaderTitle h1 A:VISITED, #CommonHeaderTitle h1 A:ACTIVE
{
    font-family: Arial, Helvetica;
    color: #000000;
}

.ForumPostHeader
{
    font-size: 90%;
    color: #000000;
    font-family: Arial, Helvetica;
    background-color: #CCCCCC;
}

.ForumPostHeader, .ForumPostTitleArea, .ForumPostContentArea, .ForumPostUserArea, .ForumPostFooterArea
{
    border-color: #E1E1E1;
}

.ForumPostTitleArea
{
    background-color: #F4F4F4;
}

.ForumPostUserArea
{
    background-color: #F4F4F4;
}

.ForumPostContentArea
{
    color: #000000;
}

A.ForumGroupNameRead, .ForumGroupNameRead:LINK, .ForumGroupNameRead:VISITED, A.ForumNameRead, .ForumNameRead:LINK, .ForumNameRead:VISITED
{
    color: #003399;
}

A.ForumGroupNameUnRead, .ForumGroupNameUnRead:LINK, .ForumGroupNameUnRead:VISITED, A.ForumNameUnRead, .ForumNameUnRead:LINK, .ForumNameUnRead:VISITED
{
    color: #3366CC;
}

/* Content Box */

.CommonContentBox
{
    background-color: #FFFFFF;
    border-top-color: #96B2D7;
}

.CommonContentBox .CommonContentBoxHeader
{
    border-bottom-color: #96B2D7;
    font-family: Arial, Helvetica;
    color: #222222;
}

.CommonSearchRoundTop .r1, .CommonSearchRoundTop .r2, .CommonSearchRoundTop .r3, .CommonSearchRoundTop .r4,
.CommonSearchRoundBottom .r1, .CommonSearchRoundBottom .r2, .CommonSearchRoundBottom .r3, .CommonSearchRoundBottom .r4,
.CommonSearchContent
{
	background-color: #F7F7F7;
	border-color: #7E9ABF;
}

.CommonSearchContent input
{
    background-color: #F7F7F7;
}

/* Announcement Content Box */

.CommonContentBox.Highlighted
{
    background-color: #FFFF99;
    border-top-color: #FF9933;
}

.CommonContentBox.Highlighted .CommonContentBoxHeader
{
    border-bottom-color: #FF9933;
    font-family: Arial, Helvetica;
    color: #222222;
}

/* Activity Content Box */

.CommonContentBox.TitleHighlighted
{
    background-color: #FFFFFF;
    border-top-color: #0000FF;
}

.CommonContentBox.TitleHighlighted .CommonContentBoxHeader
{
    border-bottom-color: #0000FF;
    font-family: Arial, Helvetica;
    color: #222222;
}

/* Highlighted Content Box */

.CommonContentBox.Highlighted2
{
    background-color: #EBFFFF;
    border-top-color: #95B6C3;
}

.CommonContentBox.Highlighted2 .CommonContentBoxHeader
{
    border-bottom-color: #95B6C3;
    font-family: Arial, Helvetica;
    color: #222222;
}

/* Message Box */

.CommonCommentBubbleRoundTop .r1, .CommonCommentBubbleRoundTop .r2, .CommonCommentBubbleRoundTop .r3, .CommonCommentBubbleRoundTop .r4,
.CommonCommentBubbleRoundBottom .r1, .CommonCommentBubbleRoundBottom .r2, .CommonCommentBubbleRoundBottom .r3, .CommonCommentBubbleRoundBottom .r4,
.CommonCommentArrow .r1, .CommonCommentArrow .r2, .CommonCommentArrow .r3, .CommonCommentArrow .r4,
.CommonCommentArrow .r5, .CommonCommentArrow .r6, .CommonCommentArrow .r7, .CommonCommentArrow .r8, 
.CommonCommentArrow .r9, .CommonCommentArrow .r10,
.CommonCommentContent
{
    background-color: #CEDEFD;
}

.Owner .CommonCommentBubbleRoundTop .r1, .Owner .CommonCommentBubbleRoundTop .r2, .Owner .CommonCommentBubbleRoundTop .r3, .Owner .CommonCommentBubbleRoundTop .r4,
.Owner .CommonCommentBubbleRoundBottom .r1, .Owner .CommonCommentBubbleRoundBottom .r2, .Owner .CommonCommentBubbleRoundBottom .r3, .Owner .CommonCommentBubbleRoundBottom .r4,
.Owner .CommonCommentArrow .r1, .Owner .CommonCommentArrow .r2, .Owner .CommonCommentArrow .r3, .Owner .CommonCommentArrow .r4,
.Owner .CommonCommentArrow .r5, .Owner .CommonCommentArrow .r6, .Owner .CommonCommentArrow .r7, .Owner .CommonCommentArrow .r8, 
.Owner .CommonCommentArrow .r9, .Owner .CommonCommentArrow .r10,
.Owner .CommonCommentContent
{
    background-color: #DFFFED;

}

/* File Box */

.CommonFileRoundTop .r1, .CommonFileRoundTop .r2, .CommonFileRoundTop .r3, .CommonFileRoundTop .r4,
.CommonFileRoundBottom .r1, .CommonFileRoundBottom .r2, .CommonFileRoundBottom .r3, .CommonFileRoundBottom .r4,
.CommonFileContent
{
    background-color: #ECECEC;
}

.CommonFile
{
    border-color: #CCCCCC;
    background-color: #FFFFFF;
}

/* List Styles */

.CommonListTitle
{
    font-family: Arial, Helvetica;
    font-size: 100%;
}

.CommonListTitle, .CommonListTitle a:link, .CommonListTitle a:visited, .CommonListTitle a:active
{
    color: #323131;
}

.CommonListHeader
{
    background-color: #888888;
    color: #FFFFFF;
}

.CommonListRow, .CommonAvatarListItemArea
{
    background-color: #EEEEEE;
}

.CommonListRowAlt td, .CommonAvatarListItemArea.Alt
{
    background-color: #FFFFFF;;
}

/* Footer Styles */

#CommonFooter
{
    background-image: none;
    background-color: #FFFFFF;
}

/* Sidebar Styles */

#CommonSidebarLeft .CommonSidebar, #CommonSidebarRight .CommonSidebar
{
    width: 200px;
}

/* Modal Styles */

.CommonModal, .CommonModalTitle
{
    border-color: #333333;
}

.CommonModalTitle
{
    color: #333333;
    font-family: Arial, Helvetica;
}

body,HTML {
background-repeat: no-repeat; 
background: linear-gradient(to bottom, #2b2999 0%,#131313 100%);
background-attachment: fixed; 
width:100%; 
height:100%;
}

#CommonTitle
    font-size:10px;
}

#CommonHeaderTitleArea
{  
    overflow: visible;
    padding-top: 0px;
}
.CommonHeaderTitle
{  
    font-size: 1%;
    display: none;
}
.CommonHeaderTitleDescription
{  
    font-size: 1%;
    display: none;
}
#CommonHeader
{
   background-color: transparent;
}

.CommonContentBox
{
   background-color: transparent;
background-image: url(/images/pale_blue_transparent-155-64.png);
background-repeat: repeat;
}
.CommonContentBoxContent
{
   background-color: transparent;
background-image: url(/images/pale_blue_transparent-155-64.png);
background-repeat: repeat;
}
.TitleHighlighted.CommonContentBox
{
   background-color: transparent;
background-image: url(/images/blue_transparent-155-64x64.png);
background-repeat: repeat;
}
.Highlighted2.CommonContentBox
{
   background-color: transparent;
background-image: url(/images/cyan_transparent-155-64x64.png);
background-repeat: repeat;
}
.davidtable, .davidtable TD, .davidtable TH
{
   background-color: transparent;
background-image: url(/images/cyan2_transparent-155-64x64.png);
background-repeat: repeat;
empty-cells: show;
}
.CustomAvatarListItemCustomAvatar{
    display:none;
}
.CustomAvatarListCustomContent{
   margin-left: 10px
}

#CommonHeaderUserWelcome .sub2 {
    text-align: right;
    font-size: 90%;
    margin-top: 0.5em;
    font-weight: normal;
    display: none;}

#CommonNavigationShadow {
    margin-bottom: 5px;
    clear: both;
}
#CommonFooter {
   background-color: unset;
}
#CommonFooter .Common {
    color: white;
}

@media only screen and (max-width: 900px)  {

.Common{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .Common #CommonSidebarRight {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .Common #CommonSidebarLeft {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }

  .Common #CommonContent {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

 #CommonSidebarRight .CommonSidebar {
    float: inherit;
    padding-left: 12px;
    overflow: hidden;
    display: contents;
    position: absolute;
    bottom: 0;
}

 #CommonSidebarLeft .CommonSidebar {
    float: inherit;
    padding-left: 12px;
    overflow: hidden;
    display: contents;
    position: absolute;
    bottom: 0;
}


.CommonTitle img {
    display: inline;
}

.CommonTitle {
    font-size:100%;
}



  img {
    max-width: 100%;
    display: block;
  }

}
