/* @override http://localhost:8888/community/templates/js_community/css/templatestyle5.css */

body {
    background-color: #336699;
    color: #7b7b7b;
}

/*TYPOGRAPHY AND MISC*/
a {
    color: #336699;
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
}

h1, h2, h4, h6 {
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
    color: #af1d21;
}

h3, h5 {
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
    color: #af1d21;
}

input.button,
.submitBtn,
button {
    border-style: solid;
    border-color: #859fc6;
    background-color: #336699 !important;
    color: #fff;
    font-size: 1.3em;
    cursor: pointer;
}

/*--HEADER--*/
#headerWrapper {
    background: url(../images/style5/header_gradient.png) repeat-x;
}

#logo-text h1 a {
    text-decoration: none;
    font-size: 2em;
    color: #444;
}

#logo-text h2 {
    color: #333;
}

/*--MAIN MENU--*/
#menu ul li a {
    border-right: 1px solid #6f1810;
    color: #fff;
    padding: 0 20px 3px;
}

#menu ul li.active, #menu ul li.current, #menu ul li a:hover {
    background-color: #A3211F;
}

#menuWrapper {
    background: url(../images/style5/header_gradient.png) repeat-x 0 -459px;
    height: 29px;
}

#menu ul li ul {
    border-right: 1px solid #A3211F;
    border-top: 1px solid #A3211F;
    border-bottom: 1px solid #A3211F;
    border-left: 1px solid #A3211F;
    background: #6b170f;
}

#menu ul ul a, #menu ul li#current ul a {
    color: #fff;
    border-bottom: 1px solid #A3211F;
}

#menu ul ul li a:hover, #menu ul li#current ul li a:hover {
    background: #A3211F;
}

/*--BANNER--*/
#banner_wrapper, #footerWrapper {
    background: #9f9f9f url(../images/style5/header_gradient.png) repeat-x 0 -183px;
}

#banner, #footer {
    background-color: #7b7b7b;
}

#banner .module, #footer .module {
    background-color: #868686;
}

/*--MAIN AREA--*/
/*MODULES*/
.left .moduletable h3, .right .moduletable h3 {
    color: #af1d21;
    font-weight: normal;
    font-style: normal;
    background-color: #FFEFBD;
    padding: 5px 15px;
    *border-top: 2px solid #ccc;
}

.left .moduletable ul li a, .right .moduletable ul li a {
    color: #336699;
}

#banner .module .side, #footer .module .side {
    background: url(../images/style5/round_circle_grey1.png) no-repeat;
}

#banner .module h3, #footer .module h3 {
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}

#banner .module .module_body, #footer .module .module_body {
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
}

#banner .module_body.notitle, #footer .module_body.notitle {
    border-top: 1px solid #999;
}

#main_breadcrumb {
    background: url(../images/style5/home_icon.png) no-repeat 10px center;
}

/*--FOOTER--*/
#footerWrapper {
    background-color: #9f9f9f;
    max-height: 0;
}

#banner a, #footer a {
    color: #ccc;
}

/*--JOMSOCIAL STYLING--*/

#community-wrap {
    font-size: 100%;
}

#community-wrap #social-bookmarks a {
    font-size: 85%;
}

body #community-wrap ul.profile-details li {
    line-height: 1em;
}

body #community-wrap #cToolbarNav {
    height: 40px;
}

#cToolbarNav {
    font-size: 85%;
    background: #a3211f url(../images/style5/header_gradient.png) repeat-x 0 -489px !important;
}

#cToolbarNav a {
    color: #444;
    text-decoration: none;
}

#cToolbarNavInner {
    background: none !important;
}

#cToolbarNav ul#cToolbarNavList li {
    background: #00ff00;
}

#cToolbarNav ul#cToolbarNavList li.toolbar-active {
    background: #0000bb !important;
}

#cToolbarNav ul#cToolbarNavList li a {
    background: #7b7b7b none !important;
    font-size: 125%;
}

#cToolbarNav ul#cToolbarNavList li.toolbar-active div a:link, #cToolbarNav ul#cToolbarNavList li.toolbar-active div a:visited {
    border-bottom: 1px solid #777 !important;
}

#labelstatustext {
    background: #7b7b7b none !important;
}

body #community-wrap div.profile-toolbox-bl div.statustext #save-status {
    color: #ffffff;
    background-color: #336699;
    border: 2px solid #859fc6;
    font-size: 1.3em;
    font-weight: normal;
}

body #community-wrap .infoTitle,
body #community-wrap ul.profile-details li.title {
    color: #336699;
}

body #community-wrap div#profile-status {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #999999;
}

body #community-wrap div.profile-info .contentheading {
    color: #a3211f;
    font-size: 200%;
    padding-bottom: 15px;
}

body #community-wrap div.profile-toolbox-bl div.statustext #labelstatustext {
    background: #7b7b7b none !important;
    color: #ffffff;
}

body #community-wrap div.profile-toolbox-bl div.statustext #statustext {
    color: inherit;
    font-size: 100%;
}

body #community-wrap ul.submenu li a {
    color: #336699;
}

body #community-wrap div.inbox-toolbar a {
    color: #336699;
}

body #community-wrap ul.submenu li a.active:link,
body #community-wrap ul.submenu li a.active:visited,
body #community-wrap ul.submenu li a.active:hover {
    color: #336699;
}

body #community-wrap div#inbox-listing table {
    margin-bottom: 0;
}

body #community-wrap div#inbox-listing table td {
    padding-right: 15px;
    vertical-align: middle;
    font-size: 125%;
}

body #community-wrap div#inbox-listing table td .small {
    font-size: 70%;
    color: inherit;
}

body #community-wrap div#inbox-listing img.avatar {
    width: 48px;
    height: 48px;
}

body #community-wrap .newsfeed-item img.avatar {
    width: 64px;
    height: 64px;
}

#main_area_wrapper #community-wrap {
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
}

#main_area_wrapper #community-wrap a#joinButton, #cWindow #cWindowContent a#joinButton2 {
    border: 5px solid #ccc;
    background: #6d1810 none;
    color: #fff;
    margin-top: 20px;
    text-indent: 0;
    text-decoration: none;
    height: auto;
}

form#form-login a {
    font-size: 11px;
}

#main_area_wrapper #community-wrap .app-box-header {
    background: #336699 url(../images/style5/header_gradient.png) repeat-x 0 -499px;
    height: 30px;
}

#main_area_wrapper #community-wrap .app-box-header h2 {
    font-size: 16px;
    padding: 4px;
    color: #a3211f;
}

#main_area_wrapper #community-wrap h3, #community-wrap div.appsBoxTitle {
    color: #af1d21;
}

#community-wrap .app-box-menu-title {
    text-indent: 0;
}

body #community-wrap div.ctitle {
    color: #7b7b7b;
}

#community-wrap .app-box-menu-icon {
    background: none;
    height: auto;
    width: auto;
    display: inline;
    line-height: 24px;
    color: #7b7b7b;
    text-decoration: none;
}

body #community-wrap div.yellowbox-br,
body #community-wrap div.yellowbox-bl,
body #community-wrap div.yellowbox-tr,
body #community-wrap div.yellowbox-tl {
    background: none;
}

#main_area_wrapper #community-wrap h3, #community-wrap div.appsBoxTitle {
    background: none;
}

body #community-wrap div.center {
    background: none;
}

body #community-wrap ul.avatar-list li.avatar-list-item img {
    width: 29px;
    height: 29px;
}

/** MyBlog tweaks **/
#myBlog-wrap #myBlog-head {
    background: #f7f8f8 none;
    border: 1px solid #eeeeee;
}

#myBlog-wrap .entry {
    margin-top: 25px;
    padding: 0;
    background: #f7f8f8 none;
    border: 1px solid #eeeeee;
}

#myBlog-wrap .entryTitle {
    background: #336699 url(../images/style5/header_gradient.png) repeat-x 0 -499px;
    height: 30px;
}

#myBlog-wrap .entryContent h2 {
    border: none;
}

#myBlog-wrap .entryContent div a {
    margin-left: 10px;
}

#myBlog-wrap .entry-footer {
    border-top: 2px solid #7b7b7b;
}

#myBlog-wrap .entryContent p {
    color: #7b7b7b !important;
}

#myBlog-wrap .entryContent li {
    color: #7b7b7b;
    margin-top: 10px;
}

#myBlog-wrap .entryContent h2 a:link,
#myBlog-wrap .entryContent h2 a:visited {
    color: #a3211f !important;
}

.blogsContainer a,
.blogsContainer a:link,
#myBlog-wrap .blogsContainer a:visited {
    color: #336699 !important;
    font-weight: normal;
}

/**
 * GDA core.css Overrides
 */
.left .moduletable, .right .moduletable {
    background-color: #f7f8f8;
}

.left .moduletable .module_body li.active,
.left .moduletable .module_body li.active a,
.left .moduletable .module_body li.active a:hover,
.left .moduletable .module_body li.active a:visited,
.right .moduletable .module_body li.active,
.right .moduletable .module_body li.active a,
.right .moduletable .module_body li.active a:hover,
.right .moduletable .module_body li.active a:visited {
    color: #a3211f !important;
    font-size: 1.05em;
    text-decoration: none !important;
    font-weight: bold !important;
}

/** Newsflash area tweaks **/
#inset {
    margin-top: 30px;
    padding-right: 10px;
    font-size: .85em;
    text-align: right;
}

#inset .module_body {
    background-image: url(../images/SU_Tag_News_For_U.png);
    background-repeat: no-repeat;
    background-position: 92% 20%;
    background-color: #4477aa;
    color: #cccccc;
    margin-right: -10px;
    padding: 50px 20px 15px 10px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

#inset .side {
    background: url(../images/SU_Circle_Blue_Blue.png) no-repeat;
}

#inset .TL {
    top: 0;
    left: 0;
    background-position: 0 0 !important;
}

#inset .TR {
    top: 0;
    right: 0;
    background-position: -15px 0 !important;
}

#inset .BL {
    bottom: 0;
    left: 0;
    background-position: 0 -15px !important;
}

#inset .BR {
    bottom: 0;
    right: 0;
    background-position: -16px -15px !important;
}

#inset a, #inset a:visited #inset a:active {
    color: #FFEFBD;
}

#inset .module_power_to_u .module_body {
    background-image: url(../images/SU_Tag_Power_To_U.png);
    background-repeat: no-repeat;
    background-position: 100% 20%;
    padding: 50px 15px 15px 15px;
    margin-top: 5px;
    border: none;
    background-color: #336699;
}

#menu ul {
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
    font-size: 85%;
    padding-bottom: 5px;
}

#area_content .moduletable .side {
    background: none;
}

#area_content .moduletable .TL {
    top: 0;
    left: 0;
    background: url(../images/round_circleYELLOW.png) no-repeat 0 0 !important;
}

#area_content .moduletable .TR {
    top: 0;
    right: 0;
    background: url(../images/round_circleYELLOW.png) no-repeat -15px 0 !important;
}

#area_content .moduletable .BL {
    bottom: 0;
    left: 0;
    background: url(../images/round_circleGREY.png) no-repeat 0 -15px !important;
}

#area_content .moduletable .BR {
    bottom: 0;
    right: 0;
    background: url(../images/round_circleGREY.png) no-repeat -16px -15px !important;
}

.left .moduletable .module_body, .right .moduletable .module_body {
    border: 1px solid #ccc;
}

/** SweepsU Chatter area tweaks **/

#chatoutput {
    border: 1px solid #336699;
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
}

#chatoutput span {
    color: #336699;
}

#chatoutput li {
    width: 100%;
    padding: 4px 4px 10px 4px;
}

#chatoutput li span a {
    color: #336699;
    border-bottom: 1px solid #336699;
}

#chatoutput a {
    color: #a3211f;
}

#chatForm p {
    color: #336699;
}

#chatForm textarea {
    width: 98%;
}

/**
 * Agora Forums Tweaks
*/
#ag_agorawrap {
    background: #ffffff none;
    color: #7b7b7b;
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
}

#ag_agorawrap div.ag_rightend {

    height: 36px;
    background: #336699 none;
    border: none;
}

#ag_agorawrap div#ag_main_menu {
    background: #a3211f url(../images/style5/header_gradient.png) repeat-x 0 -489px !important;
    height: 35px;
}

#ag_menu {
    height: 29px;
    margin-left: 10px !important;
}

#ag_menu li {
    margin-left: 4px !important;
}

#ag_menu li.hover li a,
#ag_menu li.hover li.hover a {
    color: #ffffff;
    line-height: 2.4em;
    background: #7b7b7b none;
    font-weight: normal;
    font-size: 100%;
}

#ag_menu li a,
#ag_menu li.hover a {
    background-color: #7b7b7b;
    color: #ffffff;
    height: 29px;
    padding: 0 14px;
    font-weight: normal;
    font-size: 100%;
    text-transform: none;
    line-height: 2.7em;
    margin-top: 4px;
}

div.ag_button {
    height: 30px;
}

span.ag_bttn a,
span.ag_bttn_r a,
span.ag_bttn a:hover,
#ag_userlist p input {
    background: #336699 none;
    border: 2px solid #859fc6 !important;
    color: #fff;
    font-size: 100%;
}

th.ag_leftend,
th.ag_spacer,
th.ag_column,
th.ag_topic2,
th.ag_topic3,
th.ag_topic,
th.ag_lastpost,
th.ag_rightend {
    background: #336699 url(../images/style5/header_gradient.png) repeat-x 0 -489px !important;
    height: 40px;
}

th.ag_column span.ag_good_link.hover,
th.ag_column span.ag_good_link a,
th.ag_column span.ag_good_link a:hover {
    color: #a3211f;
}

th.ag_topic {
    width: 10%;
}

th.ag_leftend img,
th.ag_rightend img,
th.ag_spacer img {
    width: 16px;
    height: 16px;
    padding-top: 5px;
}

th.ag_spacer img {
    padding-right: 5px;
}

.ag_agora tr,
.ag_agora td {
    vertical-align: middle !important;
}

.ag_agora th,
.ag_agora th a {
    color: #a3211f;
    font-size: 16px !important;
    text-transform: capitalize;
}

.ag_agora th a:hover {
    color: #a3211f !important;
    font-weight: 600;
}

#ag_agorawrap #ag_agoraindex table {
    vertical-align: middle !important;
    margin-bottom: 0;
}

.ag_agora tr:hover td.ag_leftend,
.ag_agora tr:hover td.ag_spacer,
.ag_agora tr:hover td.ag_column,
.ag_agora tr:hover td.ag_topic,
.ag_agora tr:hover td.ag_lastpost,
.ag_agora tr:hover td.ag_rightend,
.ag_agora tr:hover td.ag_topic2,
.ag_agora tr:hover td.ag_topic3,
.ag_agora tr:hover td.ag_userlist {
    background: #FFEFBD none;
}

td.ag_column a,
td.ag_column a:hover {
    color: #336699;
}

td.ag_topic,
td.ag_topic2 {
    width: 10%;
    background: #e5e5e5 none;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
}

td.ag_topic3 {
    background: #ffffff none;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
}

td.ag_column,
td.ag_lastpost {
    background: #ffffff none;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
}

td.ag_leftend {
    background: #ffffff none;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb !important;
}

td.ag_spacer {
    border-top: 1px solid #cbcbcb;
    background: #ffffff none;
}

td.ag_rightend {
    background: #ffffff none;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb !important;
}

span.ag_good_link a,
span.ag_good_link a:hover {
    color: #336699;
}

#ag_most_active div.ag_rightend,
#ag_boardstats div.ag_rightend {
    background: #336699 none !important;
}

h2.ag_headerbar {
    height: 26px !important;
    background: #336699 url(../images/style5/header_gradient.png) repeat-x 0 -489px !important;
    text-transform: capitalize;
}

h2.ag_headerbar span {
    color: #a3211f !important;
    font-size: 16px;
    font-weight: 600;
}

div.ag_iconSetWrap {
    border-top: 1px solid #cbcbcb;
    padding: 15px 5px 10px 0;
}

#ag_footer p {
    background-color: #ffffff;
    color: #7b7b7b;
}

#ag_footer p a,
#ag_footer p a:visited,
#ag_footer p a:hover {
    color: #336699;
}

#vf th.ag_leftend,
#vf th.ag_spacer,
#vf th.ag_column,
#vf th.ag_topic2,
#vf th.ag_topic3,
#vf th.ag_topic,
#vf th.ag_lastpost,
#vf th.ag_rightend {
    background: #336699 url(../images/style5/header_gradient.png) repeat-x 0 -489px !important;
    height: 40px;
}

th.ag_forumPaginate,
th.ag_forumTools,
th.ag_forumTools div.ag_floatright {

    background-color: #ffffff;
    font-size: 12px !important;
}

.ag_page_num,
span.ag_good_link a,
span.ag_good_link a:visited,
span.ag_good_link a:hover {
    font-size: 12px !important;
    color: #336699 !important;
    margin: 10px 0 10px 0 !important;
}

#ag_f_menu,
#ag_f_menu ul,
#ag_f_menu li,
#ag_f_menu li .hover,
#ag_f_menu li a,
#ag_f_menu li.hover a,
#ag_f_menu li.hover li.hover a,
#ag_f_menu li.hover li,
#ag_f_menu li.hover li a,
#ag_f_menu ul li.ag_li {

    background: #888888 none;
    font-size: 12px !important;
    color: #ffffff !important;
    font-weight: normal;
    border: none;
    border-top: 1px solid #cccccc !important;
}

#ag_f_menu ul li.ag_li {
    border: none;
}

.ag_spacer img {
    height: 16px;
    width: 16px;
}

.ag_width {
    width: 200px;
}

div#ag_agorauserlist div.ag_rightend h2.ag_headerbar {
    background: #336699 none;
}

.ag_userlist p input {
    background: #336699 none;
    border: 2px solid #859fc6 !important;
    color: #fff;
    font-size: 100%;
}

legend.ag_color {
    color: #a3211f;
    font-size: 16px;
    text-transform: capitalize;
}

.ag_infldset label {
    color: #336699;
    font-weight: 700;
    font-size: 90%;
}

div#ag_agorauserlist th.ag_userlist,
div#ag_agorauserlist th.ag_leftend,
div#ag_agorauserlist th.ag_rightend {
    background: #336699 url(../images/style5/header_gradient.png) repeat-x 0 -489px !important;
    height: 40px;
}

div#ag_agorauserlist td.ag_userlist,
div#ag_agorauserlist td.ag_leftend,
div#ag_agorauserlist td.ag_rightend {
    border-top: none;
    border-bottom: 1px solid #cbcbcb;

}

div#ag_agorauserlist td.ag_userlist {
    border-left: none;
    border-right: none;
}

td.ag_userlist img {
    width: 64px;
    height: auto;
}

.ag_usertitle {
    background-color: inherit;
    color: #a3211f;
    height: auto;
}

#ag_agorawrap table {
    margin-bottom: 0;
}

#ag_agorapms td.ag_column,
#ag_agorapms td.ag_leftend,
#ag_agorapms td.ag_lastpost,
#ag_agorapms td.ag_topic,
#ag_agorapms td.ag_rightend {
    border-top: 0;
}

.ag_forumTools,
.ag_forumTools .ag_floatright {
    background: #ffffff none;
}

#ag_agoratopic div.ag_blockpostrowodd div.ag_rightend,
#ag_agoratopic div.ag_blockpostroweven div.ag_rightend {
    border-top: #cbcbcb 1px solid;
    border-left: #cbcbcb 1px solid;
    border-right: #cbcbcb 1px solid;
    background: #336699 url(../images/style5/header_gradient.png) repeat-x 0 -489px !important;
    height: 40px;
    margin-top: 10px;
}

#ag_agoratopic div.ag_blockpostrowodd div.ag_rightend span.ag_good_link a,
#ag_agoratopic div.ag_blockpostroweven div.ag_rightend span.ag_good_link a {
    color: #a3211f !important;
    font-size: 16px;
    fone-weight: 700;
    line-height: 3em;
    padding: 15px 5px 0 5px;
    margin: 0;
}

.ag_post_num_right {
    margin: 0;
}

.ag_postfootright span.ag_bttn {
    padding: 0 3px 0 3px;
}