/* Filename: style.css
 * Purpose: define style sheet
 *
 * Bug List: 
 * HTML elements first, then by elementID, then ad hoc
 */
html { margin: 0; padding: 0; }
body { 
    margin-top: 0px; padding: 0; font-family: arial, sans-serif, verdana; font-size: 80%;
    background: #ffffff; 
    width:1024px;
}


.return {position: absolute; top: 0; right: 0; text-align: right; padding: .5em;}


#header, h2 {
    position: relative;
    font-size: 12px;
    margin: 0;
    margin-left: 3px;
    color: #040;
}
#header { 
    height: 75px; 
    margin-top: 0px;
}

/* ie7 hack to remove spaces at the top. It should work for ie5 and ie6 too. 
 * No effect to Mozilla. If enabled, note that line begins with an astrix
 * html body h1 { top: -15px; }
 */
html>body h1 { /* another hack. May not have effect. */ }
h2 {
    text-align: center;
    margin-top: 50px;
}

#footer {
    float: left;
    position: relative;
    text-align: center;
    margin-top: 5px;
    width: 850px;
}

#leftbox {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
    position: absolute;
    left: 10px;
    width: 1px;
    color: #ee8;
    padding-top: 10px;
}
#adbox {
    position: relative;
    float:right;
    margin-left: 700px;
    width:160px;
    height:600px;
    padding-top:3px;
    padding-bottom: 15px;
    padding-left: 10px;
}

#middlebox {
		clear: both;
    margin: 0 34% 0 1px; /* left margin should equal leftbox's width */
    margin-left: 3px;
    margin-top: 35px;
    width: 950px;  /* value should equal to welcomePageCenterColumn's width */
}

#rightbox {    /*** No side padding or borders, to avoid the IE5.x box model problem ***/
    position: absolute;
    right: 25px;     /*** IE5/mac will show a horizontal scrollbar 
		if this is less than 16px, or other units are used
		http://www.l-c-n.com/IE5tests/right_pos/index.shtml ***/           
    width: 30%;
    color: #820;
    padding-top: 10px;
}
.metroLinks {
	 color: #003366; 
	 text-decoration: none;
	font-size: 16px;
	font-weight:bold;
}
.metroLinks1  {
 color: #003366; 
 text-decoration: none;

	font-size: 12px;
}


a:link  	{ color: #003366; text-decoration: none; }
a:visited   { color: #003366; text-decoration: none; }
a:hover     { color: #0066FF; text-decoration: underline; }
a:active    { color: #0066FF; text-decoration: underline; }

td { font-family: Arial; font-size: 12px; }
th { font-family: Arial; font-size: 12px; }

#category {
    position: relative;
    margin: 1px;
    text-align: center;
    vertical-align: top;
    border:1px solid #FFFF77;
}



#header {
    width: 850px;
}
#header a:link    { color: #003366; text-decoration: none; }
#header a:visited { color: #003366; text-decoration: none; }
#header a:active  { color: #003366; text-decoration: none; }


#logoArea { 
		width:375px; 
		float: left;
		top: 0px;
		left: 0px;
}

#logo {
    /*
    position: relative;
    width: 550px;
    */
    margin-left: 60px;
    margin-top: 0px;
}

#loginName { 
    /*
    position: relative;
    left: 420px;
    top: 2px;    
    */
    font-family: Arial; font-size: 12px; color: #4B87B3; 
    font-weight: bold;
    /* width: 300px;*/
    width: 100%;
}

#searchBox {
    /*
    float: left;
    position: absolute;
    top: 5px;
    left: 250px;
		*/

    width: 300px;
}

#searchForm {
  width: auto;
  float: left;
  padding-right: 20px; 
}

#searchArea {
  position: absolute;
  left: 355px;
  top: 3px;
  width: 570px;
  float: left;
}
	
#C2SRegion, #logoText, #logoText2 {
    font-size: 14px;
    color: #4B87B3;
    font-family: Arial;
}

.C2SRegion {
    position: absolute; 
    left: 355px;
    top: 38px;
    margin-left: 10px;

    /*font-weight: bold;*/
    width: 500px;
}
#logoText {
    text-align: center;
    margin-left: 15px;
    font-weight: bold;
}
#logoText2 {
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    margin-left: 3px;
}


#searchSearchForm {
    position: relative;
    margin-top:15px;
    margin-left:15px;
}

#loginForm {
    /*position: absolute;*/
    /* top: set together at the top */
    margin-left: 100px;
    width: 550px;
    border:1px solid whitesmoke;
    padding: 5px;
}


#postingForm {
    padding: 5px;
}

#catForm {
    /* RELATIVELY 40px from TOP immediately below breadcrumb since breadcrumb may expand down */
    position: relative;
    border:1px solid whitesmoke;
    padding: 5px;
}

/* Have trouble with Ajax'd CSS */
#postingDetailTblBox {
    /* margin-left: 20px; */
    margin-top: -8px; /* was -18px to offset IE blank lines  */
    margin-bottom: 20px;
    padding-top: 0px;
    padding-bottom: 3px;
    background-color: #FFFFFF;
    line-height: 18px;
    width: auto;
    height: 100%;
}
#viewSearchCommentDetail {
    margin-left: 10px;
    margin-bottom: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-style: dotted;
    border-color: #000000;
    border-width: 0px 0px 1px 0px;
    background-color: #FFFFFF;
    line-height: 18px;
    width: auto;
}


#errorExit {
    top: 120px;
    left: 100px;
    width: 500px;
    padding: 5px;
}
/* Default BreadCrumb has Underline Links and bold */
#breadCrumb {
    font-weight: bold;
    width: auto; /*~~ was 400 before adding to search */
    /* border-bottom: 1px solid whitesmoke; */
    padding: 5px;
}
#srchPostingBcrumb {
    color: #3366FF;
    margin-left: 10px;
    width: auto; 
}
#srchCommentBcrumb {
    color: #3366FF;
    margin-left: 5px;
    width: auto; 
}
#srchPostingBcrumb a:link      , #srchCommentBcrumb a:link    { color: #4B87B3; text-decoration: none; }
#srchPostingBcrumb a:visited   , #srchCommentBcrumb a:visited { color: #4B87B3; text-decoration: none; }
#srchPostingBcrumb a:hover     , #srchCommentBcrumb a:hover   { color: #0066ff; text-decoration: underline; }
#srchPostingBcrumb a:active    , #srchCommentBcrumb a:active  { color: #4B87B3; text-decoration: none; }


#catActionButtons{
    width: 800px;
    padding: 5px;
    margin-left: 3px;
    text-align: right;
    
}
#newPost{
    font-size: 14px;
    font-weight: bold;
    margin-left: 30px;
}
#newPost a:link      { text-decoration: none; }
#newPost a:visited   { text-decoration: none; }
#newPost a:hover     { text-decoration: underline; }
#newPost a:active    { text-decoration: none; }

#newComment {
    font-size: 14px;
    font-weight: bold;
    margin-left: 30px;
}
#newComment a:link      { text-decoration: none; }
#newComment a:visited   { text-decoration: none; }
#newComment a:hover     { text-decoration: underline; }
#newComment a:active    { text-decoration: none; }

#postingInstruct {
    height: 40px;
    font-size: 10px;
}
#postingInstructRed {
    color: #660000;
}

.Postings {
    float: left;
    width: 500px;
    margin: 1px;
    border:1px solid whitesmoke;
    padding: 5px;
}

#postDetail {
    line-height:2em;    /* Control posting listing line spacing */
    margin-left: 5px;
    width: 670px;
    padding-right: 10px;
}
#postDetailTitle {
    font-weight: bold;
}

#postDetailCreateTs {
    font-weight: normal;
	color: #306EFF;	/*Royal Blue1*/
    font-size: 11px;
    margin-left: 10px;
}
/*
#postingAction, #commentAction { 
    width: auto; 
    font-weight: normal; 
    font-style: normal; 
    margin-left: 0px;
    height: 50px;
}
#postingAction a:link { 
    text-decoration: none;
    font-style: normal; 
    font-weight: normal;
}
#postingAction a:visited { text-decoration: none;       font-style: normal; font-weight: normal; }
#postingAction a:hover   { text-decoration: underline;  font-style: normal; font-weight: normal; }
#postingAction a:active  { text-decoration: none;       font-style: normal; font-weight: normal; }
*/
#commentAction { 
    width: auto; 
    font-weight: normal; 
    font-style: normal; 
    margin-left: 0px;
}

.main_table {
    width: 900px;
}

/*****************************************************/
/******************  Category Boxes ******************/
/*****************************************************/

#cat0, #cat1, #cat2, #cat3, #cat4, #cat5, #cat6, #cat7, #cat8, #cat9, #cat10, #cat11, #cat12, #cat13 {
    margin: 1px;
    margin-bottom: 8px;
    width:230px;
    text-align: left;
    border: 1px solid #424244;
    padding: 0px;
    font-family: arial;
    font-size: 12px;
}
/**
 * Posting Count's text color is the same as the Body of the Boxes
 */
#postingCnt0, 
#postingCnt1, 
#postingCnt2, 
#postingCnt3, 
#postingCnt4, 
#postingCnt5, 
#postingCnt6, 
#postingCnt7, 
#postingCnt8, 
#postingCnt9, 
#postingCnt10, 
#postingCnt11, 
#postingCnt12, 
#postingCnt13 {
    font-weight: normal;
}
.postingCnt { 
  color: #003366; 
  font-size: 11px;
} 

#postingCnt0 { color: #CBBDB4; }
#cat0 { background-color: #CBBDB4; background-image: url(../images/catCorner0.jpg); background-repeat: no-repeat; background-position: right bottom; }

#postingCnt1 { color: #BFCDCE; }
#cat1 { background-color: #BFCDCE; background-image: url(../images/catCorner1.jpg); background-repeat: no-repeat; background-position: right bottom; }

#postingCnt2 { color: #D8BDB2; }
#cat2 { background-color: #D8BDB2; background-image: url(../images/catCorner2.jpg); background-repeat: no-repeat; background-position: right bottom; }

#postingCnt3 { color: #C0C3C8; }
#cat3 { background-color: #C0C3C8; }

#postingCnt4 { color: #CCC0CE; }
#cat4 { background-color: #CCC0CE; }

#postingCnt5 { color: #F3E1B1; }
#cat5 { background-color: #F3E1B1; }

#postingCnt6 { color: #EED4B3; }
#cat6 { background-color: #EED4B3; }

#postingCnt7 { color: #C6CCBE; }
#cat7 { background-color: #C6CCBE; }

#postingCnt8 { color: #C1CAC9; }
#cat8 { background-color: #C1CAC9; }

#postingCnt9 { color: #C1CAC9; }
#cat9 { background-color: #C1CAC9; }

#postingCnt10 { color: #C1CAC9; }
#cat10 { background-color: #C1CAC9; }

#postingCnt11 { color: #9fdfa3; }
#cat11 { background-color: #9fdfa3; }

#postingCnt12 { color: #f2f2e6; }
#cat12 { background-color: #f2f2e6; }

#postingCnt13 { color: #d9b2cf; }
#cat13 { background-color: #d9b2cf; }




/*****************************************************/
/************  Category Title Style ******************/
/*****************************************************/

#catTitle0, #catTitle1, #catTitle2, #catTitle3, #catTitle4, #catTitle5, #catTitle6, #catTitle7, #catTitle8 
,#catTitle9, #catTitle10, #catTitle11, #catTitle12, #catTitle13, #catTitle14 {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    padding: 3px;
    text-align: left;
    height: 25px;
}

/**** Category Title's Links *****/
#catTitle0 a:link,      #catTitle1 a:link,      #catTitle2 a:link,      #catTitle3 a:link,      #catTitle4 a:link,      #catTitle5 a:link,      #catTitle6 a:link,      #catTitle7 a:link,      #catTitle8 a:link,      #catTitle9 a:link,      #catTitle10 a:link,      #catTitle11 a:link,      #catTitle12 a:link,    #catTitle13 a:link      { color: #FFFFFF; text-decoration: none; }
#catTitle0 a:visited,   #catTitle1 a:visited,   #catTitle2 a:visited,   #catTitle3 a:visited,   #catTitle4 a:visited,   #catTitle5 a:visited,   #catTitle6 a:visited,   #catTitle7 a:visited,   #catTitle8 a:visited,   #catTitle9 a:visited,   #catTitle10 a:visited,   #catTitle11 a:visited,   #catTitle12 a:visited, #catTitle13 a:visited   { color: #FFFFFF; text-decoration: none; }
#catTitle0 a:hover,     #catTitle1 a:hover,     #catTitle2 a:hover,     #catTitle3 a:hover,     #catTitle4 a:hover,     #catTitle5 a:hover,     #catTitle6 a:hover,     #catTitle7 a:hover,     #catTitle8 a:hover,     #catTitle9 a:hover,     #catTitle10 a:hover,     #catTitle11 a:hover,     #catTitle12 a:hover,   #catTitle13 a:hover     { color: #0066FF; text-decoration: none; }


#catTitle0 { background-color: #6C3E26; }
#catTitle1 { background-color: #4A7276; }
#catTitle2 { background-color: #8D4424; }
#catTitle3 { background-color: #4B555F; }
#catTitle4 { background-color: #6B4B74; }
#catTitle5 { background-color: #DCAA25; }
#catTitle6 { background-color: #CE8425; }
#catTitle7 { background-color: #5B6D45; }
#catTitle8 { background-color: #4F6865; }
#catTitle9 { background-color: #9b93c7; }
#catTitle10 { background-color: #5b4da2; }
#catTitle11 { background-color: #52c85c; }
#catTitle12 { background-color: #bebeb1; }
#catTitle13 { background-color: #d97cc3; }

#welcomePageCenterColumn { width: 720px; }
#welcomePageCenterColumn a:link      { text-decoration: none; }
#welcomePageCenterColumn a:visited   { text-decoration: none; }
#welcomePageCenterColumn a:hover     { text-decoration: underline; }
#welcomePageCenterColumn a:active    { text-decoration: none; }

#centerColumn { 
    position: absolute; 
    margin-left: 0px; 
    margin-top: 110px; 
    float: left; 
    width: 630px; 
}

#sub_cat ul {
    font-size: 14px;
}


#aboutUsLinks {
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
}

.app_title {
  font-size: 18;
  COLOR: #743A8F;
  font-family: Arial;
  font-weight: bold;
}

.navitem {
  font-size: 12px;
  font-family: Arial; 
}


.key {
  font-size: 12;
  font-family: Arial;
  font-weight: bold;
  text-align: right;
  width: 30%;
  BACKGROUND: #FFFFFF;
}

.value {
  font-size: 12px;
  font-family: Arial;
  BACKGROUND: #FFFFFF;
}


.column_name {
    font-size: 12px;
    font-family: Arial;
    COLOR: #000000;
    BACKGROUND: #E6FCDA ;
}

#wrapper {
    position: relative;
}

.button_text {
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    margin-bottom: 1em;
}



.contact_us {
    font-size: 12px;
    font-family: Arial;
}


.errorMsg {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
}


#PAGER_DEBUG { 
    position: absolute;
    padding: 5px;
    height: 500px;
    position: absolute;
    left: 500px;
    top: 100px; 
    background-color: #C9C9C9;
    border: 2px solid;
}
#pagerOutput { 
    position: relative;
    margin-top: 10px;
    padding-left:10px;
    line-height: 30px;
}

#viewComments { 
    margin-left: 5px;
    margin-top: 10px;
    width: 600px;
}

/* Sample: Auto margin */
/*
div#some_id
{
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}
*/

#aboutUsSectionTitle {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
}

#menuLink { display: none; } 
#adminLinks { margin-top:30px; margin-left: 10px; width: 200px; }
#commentInfo { width: auto; font-size: 12px; line-height: 18px; font-style: italic; 
    /* color: #6D7B8D; Light Slate Gray */
    color:#C0C0C0;  /* light grey */
}
#postingInfo { 
    width: auto; 
    font-size: 12px; 
    line-height: 18px; 
    font-style: italic; 
    padding: 0 0 0 0; 
    margin: 0 0 0 0; 
    /* color: #6D7B8D; Light Slate Gray */
    color:#C0C0C0;  /* light grey */
}
#postingBox { 
    /*
    width: auto; font-size: 12px; line-height: 18px; font-style: italic; padding: 0 0 0 0; margin: 0 0 0 0; 
    */
    border-bottom:1px solid #778;
    margin-top: -10px;
    border-left:1px solid #778;
    border-right:1px solid #778;
    padding: 5px;
}
.poster { font-weight: bold; color: #003366; }

#postDetails   { line-height: 18px; overflow: auto; }
#commentDetail { line-height: 18px; }
.commentTitle { font-weight: bold; line-height:18px; margin-top:12px; margin-bottom:18px; }

#feedbackForm { 
    margin-top: 3px; 
}
#feedbackDiv { 
    margin-top: 10px; 
    margin-bottom: 10px; 
}#feedbackTab { 
    padding: 1 1 1 7;
    background-color: #ADDFFF;
    font-size: 12px; 
    width: 80px;
    color: #2B60DE;
}
#feedbackItem {
    padding: 5 5 5 5;
    border-style: dotted;
    border-color: #ADDFFF;
    border-width: 1px 1px 1px 1px;
    background-color: #FFFFFF;
    line-height: 12px;
    width: auto;
}

#feedbackPage {
    line-height: 12px;
    margin: 5 0 5 0;
    padding: 5 0 5 0;
    height: auto;
}
#feedbackItem, #commentFeedbackItem {
    color: #2B65EC; /* font color inside */
}

#commentFeedbackItem {
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    border-style: dotted;
    border-color: #ADDFFF;
    border-width: 1px 1px 1px 1px;
    background-color: #FFFFFF;
    line-height: 18px;
    width: auto;
}

#postingCnt {
    color: #99FFFF;
    font-weight: normal;
}

#fbText { 
  padding: 10px 0px 10px 0px; 
  line-height: normal;
  font-size: 12px; 
  font-style: italic; 
  color:#C0C0C0;  /* light grey */
}
#fbText a:link      { color: #999; text-decoration: none; }
#fbText a:visited   { color: #999; text-decoration: none; }
#fbText a:hover     { color: #0066FF; text-decoration: underline; }
#fbText a:active    { color: #999; text-decoration: none; }

.welcomePageCatList {
    padding: 0;
    margin: 3px;
    list-style-type: none;
}
#replyToComment, #replyToComment a {
    /* color: #6D7B8D; Light Slate Gray */
	color: #306EFF;	/*Royal Blue1*/
    font-weight: normal;
    /* font-size: 14px;  */
}

.normalText { font-weight: normal; }

#googAd_sidebar { margin-top: 4px; }
#postConfirmMsg { font-size: 14px; }

/*****************************************************
 * For getPostingDetail
 *****************************************************/

    .tabberlive .tabbertabhide {

        display:none;
    }
    .tabberlive {
        margin-top:1em;
    }
    ul.tabbernav {
        /* customize here. Default border-bottom:1px solid #777788;  */
        border-bottom:1px solid 	#FDD017; 
        font-family:Verdana,sans-serif;
        font-size:12px;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:bold;
        line-height:normal;
        margin:0pt;
        padding:3px 0pt;
    }
    ul.tabbernav li {
        display:inline;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:0pt;
        padding:0pt;
    }
    ul.tabbernav li a {
        background:#DDDDEE none repeat scroll 0%;
        /* customize here. Default border-color:#777788 rgb(119, 119, 136) -moz-use-text-color; */
        border-color: 	#FDD017;  -moz-use-text-color;

        border-style:solid solid none;
        border-width:1px 1px medium;
        margin-left:3px;
        padding:3px 0.5em;
        text-decoration:none;
    }
    ul.tabbernav li a:link {
        color:#444488;
    }
    ul.tabbernav li a:visited {
        color:#666677;
    }
    ul.tabbernav li a:hover {
        /* customize here. Default background:#AAAAEE none repeat scroll 0%; */
        background:		#FDD017 none repeat scroll 0%;
        /* customize here. Default border-color:#222277;*/
        border-color:	#FDD017;
        color:#000000;
    }

    ul.tabbernav li.tabberactive a {
        background-color:#FFFFFF;
        border-bottom:1px solid #FFFFFF;
    }

    ul.tabbernav li.tabberactive a:hover {
        background:white none repeat scroll 0%;
        border-bottom:1px solid white;
        color:#000000;
    }

    .tabberlive .tabbertab {
        /* customize here. Default: border-color:-moz-use-text-color #AAAAAA rgb(170, 170, 170); */
        /* Removed -moz-use-text-color.  IE 7 shows up as black left, right and bottom lines. */
        border-color:		#FDD017 		#FDD017;
        border-style:none solid solid;
        border-width:0pt 1px 1px;
        /* Default height:300px; */
        height:100%;
        overflow:auto;
        padding:5px;
    }

/***************************************************
 * end of getPostingDetail
 * *************************************************/

.faqQ { font-size: 14px; font-weight: bold; }