/*
 * ***** BEGIN GPL LICENSE BLOCK *****
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * Creative Commons Attribution Non-Commercial 3.0
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, visit www.gnu.org
 *
 * The Original Code was developed by platformmichelangelo.com
 *
 * The Original Code is: all of this file.
 *
 * Contributor(s): none yet.
 *
 * ***** END GPL LICENSE BLOCK *****
 */
 
 








/* BUTTONS */

/* TEXT BUTTON -link- */

#textButtonWrap{
float: left;
}
#textButton{
padding: 3px;
color: #666666;
float: left;
cursor: pointer;
margin-right: 10px;
font-weight: normal;
}



















/* LABEL BUTTON */
#labelPanelTitle{
padding-top: 5px;
font-size: 14px;
cursor: default;
float: left;
}

#labelPanelTitleTg{
padding-top: 5px;
font-size: 14px;
color: #CCCCCC;
cursor: default;
float: left;
}

#labelTabTitle{
font-size: 13px;
cursor: default;
float: left;
}

#labelTabTitleTg{
font-size: 13px;
color: #CCCCCC;
cursor: default;
float: left;
}

#labelTabInner{
padding-top: 3px;
font-size: 11px;
cursor:default;
float: left;
}

#labelTabInnerTg{
padding-top: 3px;
font-size: 11px;
color: #CCCCCC;
cursor: default;
float: left;
}


#labelPanelTitleJoin{
padding-top: 5px;
font-size: 14px;
cursor: default;
float: left;
}

#labelPanelTitleJoinTg{
padding-top: 5px;
font-size: 14px;
color: #444444;
cursor: default;
float: left;
}

#labelTabTitleJoin{
font-size: 13px;
cursor: default;
float: left;
}

#labelTabTitleJoinTg{
font-size: 13px;
color: #444444;
cursor: default;
float: left;
}

#labelTabInnerJoin{
margin-right: 10px;
padding-top: 3px;
font-size: 11px;
cursor: default;
float: left;
}

#labelTabInnerJoinTg{
margin-right: 10px;
padding-top: 3px;
font-size: 11px;
color: #444444;
cursor: default;
float: left;
}























/* INPUT BUTTON */

#inputWrap{
padding: 1px;
margin-right: 1px;
margin-top: 1px;
border: thin solid #CCCCCC;
background: #F9F9F9;
float: left;
}

#inputWrapJoin{
padding: 1px;
margin-right: 1px;
margin-top: 1px;
border: thin solid #242424;
background: #444444;
float: left;
}





















/* SELECT BUTTON */
#selectWrapper{
width: 100%;
margin: 0px;
padding: 0px;
text-align: left;	
}

.selectWrapJoin {
width: 157px;
padding-top: 2px;
padding-left: 3px;
color: #666666;
cursor: pointer;
float: left;
}

.selectWrap {
width: 132px;
padding-top: 2px;
padding-left: 3px;
color: #666666;
cursor: pointer;
float: left;
}

#selectJoinArr{
width: 20px;
height: 17px;
cursor: pointer;
float: left;
}

.selectInternJoin{
margin-top: 25px;
max-width: 900px;
padding: 10px;
background: #444444;
position: absolute;
float: left;
}

.selectIntern{
margin-top: -5px;
max-width: 900px;
padding: 10px;
background: #F9F9F9;
border: thin solid #CCCCCC;
position: absolute;
float: left;
}

.selectInternThin{
margin-top: -5px;
max-width: 160px;
padding: 10px;
background: #F9F9F9;
border: thin solid #CCCCCC;
position: absolute;
float: left;
}

.selectInternJoinThin{
margin-top: 25px;
max-width: 160px;
padding: 10px;
background: #444444;
position: absolute;
float: left;
}

#selectItemWrap{
width: 130px;
height: 13px;
padding: 1px;
margin-right: 5px;
position: relative;
cursor: pointer;
float: left;
}


#selectClose{
width: 15px;
height: 15px;
float: right;
}

















/* BUTTON BUTTON */

#buttonWrap{
padding: 1px;
margin-right: 1px;
margin-top: 1px;
border: thin solid #CCCCCC;
background: #E0E0E0;
float: left;
}






#buttonWrapWideLeft{
width: 100px;
padding: 1px;
margin-top: 1px;
border: thin solid #CCCCCC;
border-right: none;
background: #E0E0E0;
float: left;
}


#buttonWrapWideMid{
width: 100px;
padding: 1px;
margin-top: 1px;
border: thin solid #CCCCCC;
border-right: none;
background: #E0E0E0;
float: left;
}


#buttonWrapWideRight{
width: 100px;
padding: 1px;
margin-top: 1px;
border: thin solid #CCCCCC;
background: #E0E0E0;
float: left;
}




















#buttonWrapJoin{
padding: 1px;
margin-right: 1px;
margin-top: 1px;
border: thin solid #111111;
background: #222222;
float: left;
}

#buttonWrapJoin:hover{
background: #0099FF;
}

#buttonWrapJoinTg{
padding: 1px;
margin-right: 1px;
margin-top: 1px;
border: thin solid #2C2C2C;
background: #393939;
float: left;
}

#buttonWrapJoinAc{
padding: 1px;
margin-right: 1px;
margin-top: 1px;
border: thin solid #111111;
background: #0099FF;
float: left;
}




#buttonWrapJoinWideLeft{
width: 120px;
padding: 1px;
margin-top: 1px;
border: thin solid #111111;
border-right: none;
background: #222222;
float: left;
}
#buttonWrapJoinWideLeft:hover{
background: #0099FF;
}
#buttonWrapJoinWideLeftTg{
width: 120px;
padding: 1px;
margin-top: 1px;
border: thin solid #2C2C2C;
border-right: none;
background: #393939;
float: left;
}
#buttonWrapJoinWideLeftAc{
width: 120px;
padding: 1px;
margin-top: 1px;
border: thin solid #111111;
border-right: none;
background: #0099FF;
float: left;
}

#buttonWrapJoinWideMid{
width: 120px;
padding: 1px;
margin-top: 1px;
border: thin solid #111111;
border-right: none;
background: #222222;
float: left;
}
#buttonWrapJoinWideMid:hover{
background: #0099FF;
}
#buttonWrapJoinWideMidTg{
width: 120px;
padding: 1px;
margin-top: 1px;
border: thin solid #2C2C2C;
border-right: none;
background: #393939;
float: left;
}
#buttonWrapJoinWideMidAc{
width: 120px;
padding: 1px;
margin-top: 1px;
border: thin solid #111111;
border-right: none;
background: #0099FF;
float: left;
}

#buttonWrapJoinWideRight{
width: 120px;
padding: 1px;
margin-top: 1px;
border: thin solid #111111;
background: #222222;
float: left;
}
#buttonWrapJoinWideRight:hover{
background: #0099FF;
}
#buttonWrapJoinWideRightTg{
width: 120px;
padding: 1px;
margin-top: 1px;
border: thin solid #2C2C2C;
background: #393939;
float: left;
}
#buttonWrapJoinWideRightAc{
width: 120px;
padding: 1px;
margin-top: 1px;
border: thin solid #111111;
background: #0099FF;
float: left;
}

















/* CHECKBOX BUTTON */

#checkbox{
width: 15px;
height: 15px;
margin-right: 5px;
border: thin solid #CCCCCC;
background: #F9F9F9;
cursor: default;
float: left;
}
#checkbox:hover{
background: #FDFDFD;
}
#checkbox:active{
background: #0099FF;
}
#checkboxTg{
width: 15px;
height: 15px;
margin-right: 5px;
border: thin solid #DDDDDD;
background: #F0F0F0;
cursor: default;
float: left;
}




#checkboxJoin{
width: 15px;
height: 15px;
margin-right: 5px;
border: thin solid #242424;
background: #444444;
cursor: default;
float: left;
}
#checkboxJoin:hover{
background: #494949;
}
#checkboxJoin:active{
background: #0099FF;
}
#checkboxJoinTg{
width: 15px;
height: 15px;
margin-right: 5px;
border: thin solid #2C2C2C;
background: #393939;
cursor: default;
float: left;
}








#checkboxLeft{
width: 15px;
height: 15px;
border: thin solid #CCCCCC;
border-right: none;
background: #F9F9F9;
cursor: default;
float: left;
}
#checkboxLeft:hover{
background: #FDFDFD;
}
#checkboxLeft:active{
background: #0099FF;
}

#checkboxLeftTg{
width: 15px;
height: 15px;
border: thin solid #DDDDDD;
border-right: none;
background: #F0F0F0;
cursor: default;
float: left;
}

#checkboxLeftAc{
width: 15px;
height: 15px;
border: thin solid #CCCCCC;
border-right: none;
background: #B4E1FF;
cursor: default;
float: left;
}








#checkboxJoinLeft{
width: 15px;
height: 15px;
border: thin solid #242424;
border-right: none;
background: #444444;
cursor: default;
float: left;
}
#checkboxJoinLeft:hover{
background: #494949;
}
#checkboxJoinLeft:active{
background: #0099FF;
}
#checkboxJoinLeftTg{
width: 15px;
height: 15px;
border: thin solid #2C2C2C;
border-right: none;
background: #393939;
cursor: default;
float: left;
}
#checkboxJoinLeftAc{
width: 15px;
height: 15px;
border: thin solid #242424;
border-right: none;
background: #0099FF;
cursor: default;
float: left;
}





#checkboxMid{
width: 15px;
height: 15px;
border: thin solid #CCCCCC;
border-right: none;
background: #F9F9F9;
cursor: default;
float: left;
}
#checkboxMid:hover{
background: #FDFDFD;
}
#checkboxMid:active{
background: #0099FF;
}
#checkboxMidTg{
width: 15px;
height: 15px;
border: thin solid #DDDDDD;
border-right: none;
background: #F0F0F0;
cursor: default;
float: left;
}
#checkboxMidAc{
width: 15px;
height: 15px;
border: thin solid #CCCCCC;
border-right: none;
background: #B4E1FF;
cursor: default;
float: left;
}










#checkboxJoinMid{
width: 15px;
height: 15px;
border: thin solid #242424;
border-right: none;
background: #444444;
cursor: default;
float: left;
}
#checkboxJoinMid:hover{
background: #494949;
}
#checkboxJoinMid:active{
background: #0099FF;
}
#checkboxJoinMidTg{
width: 15px;
height: 15px;
border: thin solid #2C2C2C;
border-right: none;
background: #393939;
cursor: default;
float: left;
}
#checkboxJoinMidAc{
width: 15px;
height: 15px;
border: thin solid #242424;
border-right: none;
background: #0099FF;
cursor: default;
float: left;
}







#checkboxRight{
width: 15px;
height: 15px;
margin-right: 5px;
border: thin solid #CCCCCC;
background: #F9F9F9;
cursor: default;
float: left;
}
#checkboxRight:hover{
background: #FDFDFD;
}
#checkboxRight:active{
background: #0099FF;
}
#checkboxRightTg{
width: 15px;
height: 15px;
margin-right: 5px;
border: thin solid #DDDDDD;
background: #F0F0F0;
cursor: default;
float: left;
}
#checkboxRightAc{
width: 15px;
height: 15px;
margin-right: 5px;
border: thin solid #CCCCCC;
background:  #B4E1FF;
cursor: default;
float: left;
}








#checkboxJoinRight{
width: 15px;
height: 15px;
margin-right: 5px;
border: thin solid #242424;
background: #444444;
cursor: default;
float: left;
}
#checkboxJoinRight:hover{
background: #494949;
}
#checkboxJoinRight:active{
background: #0099FF;
}
#checkboxJoinRightTg{
width: 15px;
height: 15px;
margin-right: 5px;
border: thin solid #2C2C2C;
background: #393939;
cursor: default;
float: left;
}
#checkboxJoinRightAc{
width: 15px;
height: 15px;
margin-right: 5px;
border: thin solid #242424;
background:  #0099FF;
cursor: default;
float: left;
}


























/* CONTAINER */

#containerWrapJoin{
width: 180px;
height: 150px;
padding-right: 2px;
border: thin solid #242424;
background: #444444;
cursor: default;
float: left;
} 

#containerJoinInner{
width: 163px;
height: 145px;
padding: 2px;
cursor: default;
overflow: hidden;
float: left;
}

#containerJoinWideInner{
width: 353px;
height: 145px;
padding: 2px;
cursor: default;
overflow: hidden;
float: left;
}

#containerJoinBarTop, #containerJoinWideBarTop{
width: 10px;
height: 50px;
float: right;
}
#containerJoinBarSlider, #containerJoinWideBarSlider{
width: 10px;
height: 50px;
float: right;
}
#containerJoinBarBottom, #containerJoinWideBarBottom{
width: 10px;
height: 50px;
float: right;
}

#containerJoinItem{
width: 135px;
margin: 2px;
padding-left: 3px;
color: #6F6F6F;
cursor: default;
float: left;
}
#containerJoinItem:hover{
background: #4C4C4C;
}
#containerJoinItem:active{
background: #0099FF;
color: #333333;
}

#containerWrapJoinWide{
width: 370px;
height: 150px;
padding-right: 2px;
border: thin solid #242424;
background: #444444;
float: left;
} 

#containerJoinWideItem{
width: 335px;
margin: 2px;
padding-left: 3px;
color: #6F6F6F;
cursor: default;
float: left;
}
#containerJoinWideItem:hover{
background: #4C4C4C;
}
#containerJoinWideItem:active{
background: #0099FF;
color: #333333;
}

.scrollableJoin{
width: 165px;
height: 145px;
cursor: default;
overflow: hidden;
float: left;
}
.scrollableJoinWide{
width: 360px;
height: 145px;
overflow: hidden;
float: left;
}

















/* HTML CLASS BUTTONS */

.select, .selectJoin {
width: 155px;
border: none;
color: #666666;
background: none;
font-size: 11px;
}

.input, .inputJoin{
width: 155px;
border: none;
background: none;
color: #666666;
font-size: 11px;
text-indent: 3px;
}

.inputTg{
width: 180px;
border: none;
background: none;
color: #CCCCCC;
font-size: 11px;
text-indent: 3px;
cursor: default;
}

.inputJoinTg{
width: 180px;
border: none;
background: none;
color: #4C4C4C;
font-size: 11px;
text-indent: 3px;
cursor: default;
}
.inputOb{
width: 157px;
border: none;
background: none;
color: #666666;
font-size: 11px;
text-indent: 3px;
}
.inputObTg{
width: 157px;
border: none;
background: none;
color: #CCCCCC;
font-size: 11px;
text-indent: 3px;
cursor: default;
}

.inputJoinObTg{
width: 157px;
border: none;
background: none;
color: #4C4C4C;
font-size: 11px;
text-indent: 3px;
cursor: default;
}
.button{
border: none;
background: none;
color: #666666;
font-size: 11px;
}


.buttonTg{
border: none;
background: none;
color: #CCCCCC;
font-size: 11px;
}

.buttonAc{
border: none;
background: none;
color: #333333;
font-size: 11px;
}

.buttonWide{
width: 100px;
border: none;
background: none;
color: #666666;
font-size: 11px;
cursor: pointer;
}


.buttonWideTg{
width: 100px;
border: none;
background: none;
color: #CCCCCC;
font-size: 11px;
}

.buttonWideAc{
width: 100px;
border: none;
background: none;
color: #333333;
font-size: 11px;
}

.buttonJoin{
border: none;
background: none;
color: #444444;
font-size: 11px;
}

.buttonJoinTg{
border: none;
background: none;
color: #4C4C4C;
font-size: 11px;
}

.buttonJoinAc{
border: none;
background: none;
color: #333333;
font-size: 11px;
}

.buttonJoinWide{
width: 120px;
border: none;
background: none;
color: #444444;
font-size: 11px;
}
.buttonJoinWideTg{
width: 120px;
border: none;
background: none;
color: #4C4C4C;
font-size: 11px;
}
.buttonJoinWideAc{
width: 120px;
border: none;
background: none;
color: #333333;
font-size: 11px;
}








/* DROPDOWN MENU OPTIONS */

.option{
text-indent: 5px;
}





/* ESPECIAL */
#object{
width: 20px;
padding-top: 2px;
padding-left: 3px;
border-right: thin solid #CCCCCC;
cursor: default;
float: left;
}

#objectTg{
width: 20px;
padding-top: 2px;
padding-left: 3px;
border-right: thin solid #CCCCCC;
color: #CCCCCC;
cursor: default;
float: left;
}

#objectJoin{
width: 20px;
padding-top: 2px;
padding-left: 3px;
border-right: thin solid #595959;
cursor: default;
float: left;
}

#objectJoinTg{
width: 20px;
padding-top: 2px;
padding-left: 3px;
border-right: thin solid #464646;
color: #4C4C4C;
cursor: default;
float: left;
}