/***************************************
   Default Styles
************************************** */

html, body {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5% Verdana, Helvetica, Arial, sans-serif;
  color: #000;
  background: #fff;
  position: relative;
}
#container {
  font-size: 1.2em;
  margin: 10px 2em;
}

h1 {
  font-size: 2.5em;
  margin-bottom: 0;
  display: inline;
}

h2 {
  font-size: 1.3em;
  margin-bottom: .5em;
}
h3 {
  font-size: 1.1em;
  margin-bottom: 0;
}


a {
  color: #06581f;
} 


/*********************************
/  various sections in header
*********************************/


#header {
    height: 40px;
}
 
.headerSubdiv{
    float: left;
    height: 100%;
    background-color: white;
    border-color: orange;
    border-style: solid; 
    border-width: 1px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    border-radius:10px; 
    padding: 4px;
    margin: 2px;
}

#loginView {
  float: right;
}

#broughtBy {
  float: left;
}

#broughtByLabel{
  color:black;
  padding-left: 5px;
  padding-top: 4px;
}
#noCommitmentLabel{
  font-size: 1.5em;
  color:red;
  padding-left: 5px;
  padding-top: 4px;
}

#publicWallsMenu {

  float:left;
}

/*********************************
/  various sections in main
*********************************/
 
#main {
  max-width:960px;
  margin:auto;
  clear: both;
  float: left;
}

#wallBox {
  position: relative;
  border-style:solid;
  border-width: 3px;
  border-color: #3A2DE8;
  width: 240px;
  height: 160px;
}



/*********************************
/  various sections in footer
*********************************/
#footer {
background-color:#669933;
text-align:center;
clear:both;
}

/*********************************
/  textareaControl
*********************************/
.textareaControl {
   border-style: outset;
   border-color: #3A2DE8;
   background-color: #FFFFFF;          
   
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    -o-border-radius:11px;
    -ms-border-radius:11px;
    border-radius:11px;   
}     
   


/***********************************
/ Buttons in textareacontrol
**********************************/
/* need to add something like #textareaControl. */
button  {
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 1px;
  padding-bottom:1px;
}

/************************
 * Graffiti class
 ************************/
.graffiti {    
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    border-radius: 10px;
    border: none !important;
    padding: 5px;
} 

.graffiti:hover {
    border: 1px solid black !important;
}

/***************************************
   Form editing wall parameters
***************************************/
#createUpdateWallWindow {
  width: 200em;
}

#wallTitle{
  width: 100%;
}

#wallURL {
  width: 90%;
}

#wallWidth, #wallHeight {
  width: 2.5em;
} 
#maxNumberGraffitis {
  width: 2.5em;
}

#pwdView,#pwdViewConfirm, #pwdInsert, #pwdInsertConfirm {
  width: 8em;
}

/*************************************
    Color Picker CSS
*************************************/

/* #toolsWindow { display: block;} */

#picker { width: 200px; height: 200px; border: 1px solid black;}

#slider { width: 30px; height: 200px; border: 1px solid black;}

#picker-wrapper {
                width: 200px;
                height: 200px;
                position: relative;
		display: inline-block;
		padding-right: 10px;
            }

#slider-wrapper {
                width: 30px;
                height: 200px;
                position: relative;
		display: inline-block;
            }

#picker-indicator {
                width: 3px;
                height: 3px;
                position: absolute;
                border: 1px solid white;
            }

#slider-indicator {
                width: 100%;
                height: 10px;
		bottom: 0;
                position: absolute;
                border: 1px solid black;
            }

/*************************************
    Mechanism to make close button disappear in dialog windows
*************************************/            
.no-close .ui-dialog-titlebar-close {
display: none;
}