/* 
Document   : f_styles
Created on : Apr 4, 2013, 8:07:25 AM
Author     : Ben
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:white;
    min-width:1010px;    	/* Minimum width of layout - remove line if not required */
    /*  The min-width property does not work in old versions of Internet Explorer */
    font-size:12px;



    text-align:center;
    font-family: "Microsoft Sans Serif";


}
#logo{
    background-image: url(images/forum_logo.jpg);  
    background-repeat: no-repeat;
    width:905px;
    height:137px;
    margin:0px auto;
    float:none;
    margin-top:10px;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
}

#wrap {
    width:905px;
    min-width: 905px;
    min-height:1000px;
    height:1000px;
    margin:0 auto;


    background: #fff ;
    margin-top: 5px;
    /*   border: 1px solid #ccc;*/
    padding: 0px;


}
* html #wrap
{
    height: 100%;
}


#rpanel{

    width:270px;
    display:inline-block;

    /*  min-height:1000px;
      height:1000px;
    */
    border:none;
    float:right;

    text-align:left;
    margin:0px auto;
    margin-top:0px;

    padding-left:5px;

    background: #fff ;
    position: relative;
    z-index:100;

}
#keyWordSearch{

    color: midnightblue;
    font-size: 12px;
    height: 123px;
    min-height: 50px;
    font-family: "Microsoft Sans Serif";
    font-weight: bold;
    padding: 0px;
    padding-left: 15px;
    text-align: center;
    margin-left: 10px;
    background: #eeeeee ;
    margin-top: 3px;
    width: 247px;

}

#showHideAccordian{
    cursor: pointer;

}
#ajaxInfoPanel{

    display: inline;

    height: 20px;

    width:550px;
    display:block;
    float: left;
    z-index:200;
    background: white;
    margin: 0px auto;
    margin-left: 350px;
    margin-top: 60px;
    text-align: left;
}
#content{

    width:905px;
    border: 1px #ccc solid;
    /* border-top: none;*/
    text-align:left;
    /*  margin-top:130px;
      padding-top:10px;
    */


    z-index:99;
    margin-left: 0px;
    margin-right: 0px;
    display: inline-block;

    margin-bottom: 10px;
    min-height:880px;


    background: #efefef; 
    height:auto !important;
    text-align: center;

}
#accordion{
    z-index: 200;
}

#user{
    position: relative;
    width:904px;
    height:120px;
    margin:0px auto;
    float:none;
    margin-top:0px;
    background:#00c;
    padding: 0px;



}
.userimage {

    display:inline-block;
    width: 120px;
    height:100px;
    background:#ccc;
    margin-left:10px;
    margin-top:10px;
    float:left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

    z-index:110;

}
.userinfo {

    display:inline-block;
    width: 250px;
    height:100px;
    background:#00c;
    margin-left:10px;
    margin-top:10px;
    float:left;
    color: white;
    text-align:left;
    z-index:104;
    line-height: 20px;
}
.userOptions{
    color:#fff;
    font-size:12px;
    width:300px;
    font-weight:normal;
    float:left;
    text-align:left;
    margin-top:20px;
    line-height:20px;
}

.userOptions #profileBtn{
    cursor: pointer;
    /* font-weight:bold;
     font-size:14px;
    */
    color:white;
    text-decoration: underline;
}
.userOptions #admin{
    cursor: pointer;
    font-weight:bold;
    font-size:14px;
    color:#fed22f;
}
.userOptions #createPostBtn{
    cursor: pointer;
    /*font-weight:bold;
    font-size:14px;*/
    color:white;
    text-decoration: underline;
}


.userSignin  {
    display:inline-block;


    text-decoration:underline;

    color:#fff;


    width:73px;
    height:20px;
    z-index:105;
    margin-left:0px;
    margin-top:5px;
    float:right;
    cursor: pointer;
    margin-right: 5px;
    padding:0px;
    font-family: "Microsoft Sans Serif";
    font-weight: normal ;
    position: absolute;
    left: 800px;
    top:60px;

}

#signin_menu{
    clear:inherit;
    display:inline-block;
    background: #cfd1ce;
    position: absolute;
    font-family: "Microsoft Sans Serif";
    font-weight: normal;


    height:110px;
    width:230px;
    margin-left:0px;
    margin-top:5px;
    left: 670px;
    top:0px;

    float:right;


    text-align:left;
    padding:0px;
    color:#789;
    font-size:11px;
    border:1px solid;
    margin-right: 5px;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

    display: none;


}


#signin_menu input[type=text], #signin_menu input[type=password] {
    clear:inherit;
    display:block;
    border:1px solid #ACE;
    font-size:13px;
    margin-left:10px;
    border:1px ;
    margin-top:2px;
    width:200px;
    font-family: "Microsoft Sans Serif";
    font-weight: normal;
}
#signin_menu label {

    margin-left:10px;

    border:none;
    font-family: "Microsoft Sans Serif";
    font-weight: normal;
    color: black;
}
#signin_submit {
    clear: inherit;
    margin-left:10px;
    border:none;
    cursor: pointer;
    background:chartreuse;
    font-family: "Microsoft Sans Serif";
    font-weight: bold;
    margin-top: -5px;
    font-size:10px;
    height: 18px;
}
#signOutSubmit{
    border:none;
    cursor: pointer;
    margin-right:20px;
    padding:0px;
    background:#00c;
    text-decoration:none;
    font-family: "Microsoft Sans Serif";

    color:#fff;
    font-size:12px;

}


#signin_menu p {
    margin:2px;
}








#accordion ul{

    list-style: none;
    margin:0px;
    padding:0px;
    left:0px;

}



#accordion ul li {

    margin: 2px;
    position: relative;
    padding: 4px 0;
    cursor: pointer;

    text-align:left;
    display:block;

    color:midnightblue;

}

.box {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

    /*  behavior: url(f_css/ie-css3.htc);*/


}
.halfbox {
    -moz-border-radius:0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    border-radius:0px 0px 5px 5px;

    /*  behavior: url(f_css/ie-css3.htc);*/


}
#profile{
    clear:inherit;
    display:inline-block;

    width:500px;
    margin: 0px auto;
    float: left;
}
#profile label {

    text-align:left;
    margin-right:20px;
    padding:5px;
}
#profile input[type=text] {

    width:210px;
    text-align:left;
    margin-right:20px;
    padding:0px;


}
#updateProfileBtn{
    font-size:12px;
    font-weight:bold;
    background:aqua;
    padding:2px 5px 2px 5px;
    border:black 1px solid;
    cursor:pointer;
    margin: 0px auto;
    width: 50px;
    height: 20px;
}
.progress {display:inline-block; position:relative; width:290px; border: 1px solid #ddd; padding: 1px;float:none; margin-top:5px;}
.bar { background-color: #B4F5B4; width:0%; height:12px; }
.percent { position:absolute; display:inline-block; top:0px; left:48%; font-size:10px; text-align:center;}


#accordion .ui-accordion-content {  


    font-size: 14px;  

    color: midnightblue;
    font-family: "Microsoft Sans Serif";
    font-weight:lighter;
}  
#accordion .ui-accordion-header {  
    color: midnightblue;
    font-family: "Microsoft Sans Serif";
    font-size: 14px;  
    font-weight:bold;
}  



#footer{
    display: block;
    color: black;
    background: white;
   
    height: 20px;
    width: 905px;


}


.searchRow{
    cursor: pointer;
    text-decoration: underline;
    text-align: left;
    width: 510px;
    word-break: break-all;
    overflow: hidden; 
    text-overflow: ellipsis; 
    color: midnightblue;
}


.searchRow a{
    cursor: pointer;
    text-decoration: underline;
    text-align: left;
    width: 510px;
    word-break: break-all;
    overflow: hidden; 
    text-overflow: ellipsis; 
    color: midnightblue;
}





.leftAlignedText20{
    text-align: left;
    padding-left: 20px;
}
.leftAlignedText{
    text-align: left;

}



table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }


.ui-slider .ui-slider-range { 
    background:#8ae234 !important;
    height: 4px !important;
    border: 1px seagreen solid !important;
}
.ui-slider .ui-slider-handle { 
    border-color: gray !important;
    height: 12px !important;
    width: 12px !important; 
    background: black   !important;
    background: url('images/sliderHandle.png')  !important;

}

.filehidden{

    position: absolute;

    cursor: pointer;
    width:80px;


    opacity: 0;

    background:#000;
    left:522px;
    margin-top: -2px;
    z-index: 2;
    margin-left: 5px;
}
.browseBtnclass{
    position: absolute;


    margin-top:-2px;
    left:522px;
    margin-left: 5px;
    cursor: pointer;
}


#profileInfo{
    background-image: url(images/profile1.png);  
    width: 405px; 
    height: 256px;
    position: relative;
}
.profileCls1{
    width: 212px;height:17px; 
    margin-bottom: 6px;
    margin-top: 6px;
    background: #ccc;
    border: 1px #000 solid;
}
.profileCls1 input{
    width: 212px;
    height:17px; 

    background: #ccc;
    border: none;
}
.profileCls2{
    position: relative;
    width: 190px;height:18px; 
    margin-bottom: 6px;
    margin-top: 6px;
    background:  #fefe2f;
    border: 1px #000 solid;
}
.profileBtnCls1{
    width: 100px;
    height:32px; 
    background-image: url('/forum/f_css/images/profBrowseBtn.png');  
    margin: 0 auto;
    text-align: center;
    line-height: 32px;
    color: white;
    cursor: pointer;
    border: none;
}

.browseProfileBtnclass{
    position: absolute;
    margin-top:0px;
    left:0px;
    margin-left: 0px;
    cursor: pointer;

}
.profileFilehidden{

    position: absolute;

    cursor: pointer;
    width:80px;


    opacity: 0;

    background:#000;
    left:0px;
    margin-top: 0px;
    z-index: 2;
    margin-left: 0px;
}
.profileImageLoaderInputText{
    opacity: 0;
}


.arrow_icon { 
    display: block; 
    width: 16px; 
    height:16px; 
    background-image: url(ui-lightness/images/ui-icons_222222_256x240.png); 
    background-repeat: no-repeat; 
    background-position: -60px -16px;
    margin-left: -4px;
}

.paidAdminButton1{
    width: 120px;
    height: 25px;
    line-height:25px;
    border: 1px black solid;
    background: #fefe2f;
    color: #00c;
    cursor: pointer;
    padding: 0px;
    margin: 0px auto;
    margin-left: 20px;
    font-size: 12px;
    display: inline-block;


}

.postingDisplayTextArea{

    font-family: "Microsoft Sans Serif";

}
.feedBackMessage{
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    width: 905px;
    border-bottom: 
        1px #ccc solid; 
}
.feedBackGiven{
    font-size: 12px;
    color: black;
    text-align: left;
    width: 250px;
    margin-top: 10px;
    margin-left: 40px;

}
.profileFields{

    font-family: "Microsoft Sans Serif";
    font-size: 12px;
    text-align: left;

}