@import "/MasterPages/css/forum.css";
@import "/MasterPages/css/menuStyles.css";
@import "/UserControls/HtmlEditor/HtmlEditor.css";
@import "/MasterPages/css/rightColumn.css";

/***** Body & Content *****/
    body { background-color: #EEEEEE; }
    body, .normalText {
	    font:11px Arial;
	    color: #4a4a4a;
	    margin:0px 0px; padding:0px;
	    text-align:center;
	    }
    #content {
	    width:1076px;
	    margin:0px auto;
	    text-align:left;
	    background: #FFF url(/masterpages/pics/bg_shade.png) repeat-y center;
    }
    img { border: none; }

/***** Framework *****/
    .startTable { width:1024px; }
    .topLogoAndBannerTable,.menuAndContentTable,.fullWidth { width:100%; }
    .menuAndContentCell { width:1055px; vertical-align:top; }
    .menuCell { height:62px; vertical-align:top; }
    .rightColumnCell { width:230px; vertical-align:top; text-align:left; }
    .mainContentCell, .cellTopLeft { vertical-align:top;  text-align:left; }
    .cellTopRight { vertical-align:top; text-align:right; }
    .normalLinkColor { color:#ff7d00; }
    .mark { color:#ff7d00; }

/***** Links *****/
    a.mimersExtLink,a:active,a,a:visited { color:#ff7d00; text-decoration: none; }
    a.mimersExtLink:hover, a:hover { color:#ee5207; text-decoration: none; }
    .linkbutton { color: Black; }
    .linkUser, .linkUser:active,.linkUser:visited{ color: #999999; font-style: italic; font-size: 8pt; }
    .linkUser:hover { color: #333333; }

/***** Images & Aligns *****/
    .imgLink,.imgLinkLeftAlign { border:none; }
    .imgLinkLeftAlign { float:left; padding-right: 7px; }
    .memberPic { border:none; }
    .rightArrow { float:left; padding-right:8px; }
    .imgMiddle { vertical-align: middle; padding-right: 3px; }

/***** Search *****/
    .searchGray { color: #666666; }
    .searchFrame { padding: 8px 5px 8px 5px; }
    .searchTitle { font-weight: normal; font-size: 12px }
    .searchUser { text-transform: capitalize; }
    .searchCat, .searchUser a { color: #333333; }
    .searchCol1 { padding: 8px 3px 0px 6px; }
    .searchCol2 { padding: 8px 5px 0px 2px; }
    .searchIcons { text-align: right; width: 100%; padding: 5px 0px 5px 0px; }

/***** Layout & Design *****/
    /***** Headers & Text *****/
        h1 { font-size: 12px; font-weight:normal; margin:0px; padding:0px; }
        .extH2,.fullheadingWithoutArrow { font-size: 12px; font-weight:normal; margin:0px; padding:0px; }
        .sectionHeader { font-size: 16px; }
        h3 { font-size: 11px; font-weight:bold; margin:0px; padding:0px; }
        p { font-size: 1em; } 
        ul.noTopMargin { padding-top:0px;  margin-top:0px; }
    /***** Forms & Inputs *****/
        .checkBox, .radioButton	{ font: 7pt Arial; }
        .button, .buttonRight { background-color: #fafafa; font: 11px Arial; color: #4a4a4a; border: 1px solid #c4c4c4; background-image:url(/masterpages/pics/menu/bg_Input.jpg); background-repeat:no-repeat; background-position: right; }
        .buttonBack { background-color: #fafafa; font: 11px Arial; color: #4a4a4a; border: 1px solid #c4c4c4; background-image:url(/masterpages/pics/menu/bg_Input_Back.jpg); background-repeat:no-repeat; background-position: left; }
        .dropDown { font: 11px Arial; color: #4a4a4a; border: 1px solid #c4c4c4; }
        .textField, .textArea { overflow:hidden; font:11px Arial; color: #4a4a4a; }
        .buttonRight { float:right;	 }
    /*** Rows ***/
        .mimersRow1 { background-color: White; }
        .mimersRow2 { background-color: #f6f6f6; }
        .mimersRowBorder { border-bottom:solid 1px #e9e9e9; border-top:solid 1px #e9e9e9; }
    /*** Topplista ***/
        .topplistaBG1  { background-image: url(/masterpages/pics/bgTop2.jpg);  background-repeat: no-repeat;  height: 275px;  width: 257px; }
        .topplistaBG2  { background-image: url(/masterpages/pics/bgTop1.jpg);  background-repeat: no-repeat;  height: 275px;  width: 257px; }
        .topplistaBG3  { background-image: url(/masterpages/pics/bgTop3.jpg);  background-repeat: no-repeat;  height: 26px;  width: 532px; font-weight: bold; padding: 12px 0px 0px 6px; color: #666666; }
        .topplistaBG3Body  { border: solid 1px #eaeaea; border-top: none; background-repeat: repeat-y; width: 522px; }
        .topplistaHead { font-weight: bold; padding: 8px 0px 0px 6px; color: #666666; }
        .topplistaBody { padding: 10px 0px 0px 8px; }
        .topplistaDocBody { padding: 10px 5px 10px 5px; }
        .topplistaDocText { padding: 5px 5px 0px 5px; }
        .topplistaDocHead { border-bottom: dotted 1px #a0a0a0; padding-bottom: 3px; line-height: 19px; }
    
/***** Various CSS *****/
    .searchBG { background-image: url(/masterpages/pics/search/bg.jpg); background-repeat: no-repeat; }
    .tblHeader { background-image: url(/masterpages/pics/bg_tblheader.jpg); background-repeat: no-repeat; height: 16px; width: 510px; font: bold 8pt Arial; padding: 1px 0px 0px 3px; margin: 6px 0px 3px 0px; }
    .tblHeaderForm { background-image: url(/masterpages/pics/bgTBLHead.png); background-repeat: repeat-x; height: 18px; width: 100%; font: bold 8pt Arial; padding: 4px 0px 0px 3px; margin: 1px 0px 1px 0px; }
    .alternatingItemTemplate, .alternatingItemTemplateSearchFields { background-color:#f6f6f6; width:100%; }
    .alternatingItemTemplateSearchFields { border-bottom:solid 1px #e9e9e9;  border-top:solid 1px #e9e9e9; }
    .dottedLine,.fullLine { margin-top:0px; padding-top:3px; padding-bottom:5px; }
    .smallImgCell { vertical-align:top; text-align:left; width:45px; }
    .articlePage { width:513px; }
    .imgCellBig { width:90px; }
    .titleTxtbx { width:360px; }
    .redText {color:Red; }
    .watermark { overflow:hidden; font:11px Arial; color: #4a4a4a;}
    .gridLine { border-bottom: dotted 1px #CCCCCC; line-height: 16px; }

/***** Box XL *****/
    .boxXLFrame { width: 533px; }
    .boxXLHead { font: 9pt Arial; letter-spacing: 1pt; color: #ff7d00; height: 17px; padding: 7px 5px 0px 8px; background-image: url(/MasterPages/Pics/LeftColumn/box/bg_head.jpg); background-repeat: no-repeat; }
    .boxXLBody { background-image: url(/MasterPages/Pics/LeftColumn/box/bg_mid.jpg); background-repeat: repeat-x; background-color: #f4f4f5; padding: 4px 8px 5px 10px; border: solid 1px #eaeaea; border-bottom: none; border-top: none; margin-left: 3px; width: 509px; }
    .boxXLFoot { height: 4px; background-image: url(/MasterPages/Pics/LeftColumn/box/bg_foot.jpg); background-repeat: no-repeat; }

/***** Box Info *****/
    .infoBox { padding:5px;  background-color:#f3f3f3;  border: solid 1px #cccccc;  width:260px; }
    .infoBoxList { padding:0px 0px 0px 7px; margin:0px 0px 0px 10px; }

/***** Login Page *****/
    #loginFrame { width: 491px; }
    #loginHead, .loginHead { font-size: 10pt; font-weight: bold; color: #333333; padding: 5px 0px 0px 10px; background-image: url(/MasterPages/Pics/Login/bg-head.jpg); background-repeat: no-repeat; height: 22px; }
    #loginBody { background-color: #f4f4f6; border: solid 1px #d2d3d5; }    
    #loginFoot { background-image: url(/MasterPages/Pics/Login/bg-foot.jpg); background-repeat: no-repeat; padding-left: 10px; padding-top: 3px; height: 33px; clear: both; }
    .loginIcon { float: left; padding: 0px 5px 0px 5px; vertical-align: middle; }
    .loginText { padding: 10px; overflow: hidden; }
    .loginLine { height: 1px; background-color: White; clear: both; }

/***** GridView *****/
    .gridView { font: 8pt Arial; color: #333333; }
    .gridHead { font: bold 9pt Arial; letter-spacing: 1pt; height: 20px; color: #ff7d00; padding: 4px 5px 0px 0px; background-image: url(/MasterPages/Pics/bg_tblheader2.jpg); background-repeat: repeat-x; }
    .gridLine { border-bottom: dotted 1px #b4b4b4; }
    .gridForm { padding: 6px 0px 0px 5px; height: 19px; margin-bottom:0px; color: #333333; }

/***** Footer *****/
    .footerTD a:hover { text-decoration: none; color: Black; }
    #footer { width: 757px; margin-left: 5px; padding: 1px; background-color: White; border: solid 1px #d3d3d3; background-image: url(/MasterPages/Pics/Footer/bg_mid.png); background-repeat: repeat-x; height: 23px; }
    .footerTD { text-align: center; margin-left: 0px; border-left: solid 1px White; }
    /***** Sub *****/
    .subfootHead { background: url(/MasterPages/Pics/Footer/Sub/bg_top.png) repeat-x; height: 11px; }
    .subfootHeadIMG { margin-bottom: 8px; }
    .subfootTD { width: 20%; }
    .subfootInput { font: normal 8pt Verdana; color: #666666; border: solid 1px #999999; width: 160px; }
    .subfootButton { font: normal 8pt Verdana; color: #666666; border: solid 1px #999999;}
    
/***** viewMember *****/
    /* Frame */
    .memOuter {width: 424px;}
    .memHead { background-image: url(/MasterPages/Pics/Members/bgHead.png); background-repeat: no-repeat; height: 37px; }
    .memBody { background-image: url(/MasterPages/Pics/Members/bgBody.png); background-repeat: repeat-y; }
    .memFoot { background-image: url(/MasterPages/Pics/Members/bgFoot.png); background-repeat: no-repeat; height: 5px;}
    /* Fonts */
    .memAge { font: bold 22pt Arial; padding-top: 3px; color: White }
    .memStatus { font: bold 10pt Arial; color: #999999; padding-bottom: 5px; }
    .memEmail { font: bold 8pt Arial; color: #666666; padding-right: 8px; }
    .memInfo { font: 8pt Arial; color: #999999; padding: 8px 0px 8px 13px; width: 160px; }
    /* Boxes */
    .memLinkboxSchool { background-image: url(/MasterPages/Pics/Members/icon-house.png); }
    .memLinkboxSubject { background-image: url(/MasterPages/Pics/Members/icon-star.png); }
    .memLinkboxFuture { background-image: url(/MasterPages/Pics/Members/icon-question.png); }
    .memLinkboxHeader { font: bold 9pt Arial; color: #999999; }
    .memLinkbox { width: 182px; background-color: #f6f6f6; background-repeat: no-repeat; background-position: left; padding-left: 55px; padding-top: 5px; text-align: left; height: 34px; margin: 4px 5px 4px 0px; }
    
/*** Work popup ***/
    .workPopup { width: 294px; z-index: 500; filter:alpha(opacity=90);  -moz-opacity: 0.9;  opacity: 0.9;  position: absolute; left: 175px; }
    .workPopupHead { background-image: url(/MasterPages/Pics/popup_head.png); background-repeat: no-repeat; height: 27px; }
    .workPopupBody { background-image: url(/MasterPages/Pics/popup_body.png); background-repeat: repeat-y; padding: 0px 18px 5px 18px; }
    .workPopupFoot { background-image: url(/MasterPages/Pics/popup_foot.png); background-repeat: no-repeat; height: 21px; }