/* ************************************************** */
/* * APPLICATION BODY                               * */
/* ************************************************** */

html, body, #mainWindow {
  height: 100%; 
  width: 100%; 
  margin: 0; 
  padding: 0;
  font-family: arial;
  overflow: hidden;
}

/* ************************************************** */
/* * APPLICATION HEADER                             * */
/* ************************************************** */

/* Application Splash Screen Title */
#splashScreenAppTitle{
  z-index: 3;
  position: absolute !important;
  margin-top: 3px;
  font-family: arial;
  font-weight: bold;
  font-size: 16pt;
  color: white;
  left: 10px !important;
}


/* Mobile @ 700px */
@media only screen and (max-width: 700px) {
  #splashScreenAppTitle{
    z-index: 3;
    position: absolute !important;
    margin-top: 8px;
    font-family: arial;
    font-weight: bold;
    font-size: 12pt;
    color: white;
    left: 10px !important;
  }
}

/* Application Header */
#header {
  position: absolute;
  height: 135px; 
  overflow: hidden !important;
  padding: 0px;
  margin-left: -5px !important; 
  margin-right: -5px !important;
  margin-bottom: -5px;
  border-bottom: black;
  background-color: #red;
}

/* Application Title Bar */
#applicationTitle {
  z-index: 2;
  width: 100%;
  height: 32px;
  border: 1px solid #25363d;
  border-bottom: 2px solid lightgrey;
  font-size: 14pt;
  font-weight: bold;
  color: white;
  background: #25363d;
}

/* Application Title Text */
#applicationTitleText{
  z-index: 3;
  margin-top: 5px;
  margin-left: 10px;
  width: 450px;
}

/* Mobile @ 700px */
@media only screen and (max-width: 700px) {
  #applicationTitleText{
    z-index: 3;
    margin-top: 8px;
    margin-left: 10px;
	font-size: 12pt;
    font-weight: bold;
    width: 450px;
  }
}

/* Application Instructions Frame */
#instructionsFrame {
  height: 82px;
  margin-top: -1px;
  margin-left: -5px;
  font-size: 10pt;
  font-family: calibri;
  background: #ffffff;
  color: #052B69;
}

/* Application Instructions Text */
#instructionsFrameText{
  z-index: 3;
  position: absolute;
  height: 97px;
  margin-left: 17px;
  color: black;
}
	  
/* ***************************************************************************************************************** */
/* * MAP                                                                                                           * */
/* ***************************************************************************************************************** */
	  
#map{
  padding: 0px;
  margin-left: -5px !important; 
  margin-right: -5px !important;
  margin-bottom: -5px;
  overflow: auto;
  border: none;
  background-color: #F2EEE8;
  border-top: 1px solid #25363d;
}

#HomeButton {
  z-index: 3;
  position: absolute;
  top: 220px;
  left: 16px;
}

.esriSimpleSliderTL{
  z-index: 3;
  position: absolute;
  left: 17px;
  top: 140px;
}

/* ************************************************* */
/* * Pin Buttons 1 - Place and Submit              * */
/* ************************************************* */

/* ****************************** */
/* * Place Pin 1 Button         * */
/* ****************************** */
#placePinBtn1{
  z-index: 3;
  position: absolute;
  height: 50px;
  width: 95px;
  margin-left: 15px;
  margin-top: 10px;
  border-radius: 5px;
  border: none;
  background-color: #25363d;
}

#placePinBtn1IconContainer{
  z-index: 4;
  position: absolute;
  height: 20px;
  width: 20px;
  top: 4px;
  left: 38px;
  background-image: url(https://gis.edmondok.gov/traffic/graphics/pushpin_neon_green_icon.png);
  background-repeat: no-repeat;
}

#placePinBtn1Text{
  z-index: 4;
  position: absolute;
  height: 20px;
  left: 8px;
  width: 80px;
  font-weight: bold;
  color: white;
}

/* ****************************** */
/* * Submit Pin 1 Button        * */
/* ****************************** */
#submitPinBtn1{
  z-index: 3;
  position: absolute;
  height: 50px;
  width: 95px;
  margin-left: 15px;
  margin-top: 70px;
  border-radius: 5px;
  border: none;
  background-color: #25363d;
}

#submitPinBtn1IconContainer{
  z-index: 4;
  position: absolute;
  height: 20px;
  width: 20px;
  top: 4px;
  left: 40px;
  background-image: url(https://gis.edmondok.gov/traffic/graphics/save_button.png);
  background-repeat: no-repeat;
}

#submitPinBtn1Text{
  z-index: 4;
  position: absolute;
  height: 20px;
  left: 2px;
  width: 90px;
  font-weight: bold;
  color: white;
}

/* ************************************************* */
/* * Pin Buttons 2 - Place and Submit              * */
/* ************************************************* */

/* ****************************** */
/* * Place Pin 2 Button         * */
/* ****************************** */
#placePinBtn2{
  z-index: 3;
  position: absolute;
  height: 50px;
  width: 95px;
  margin-left: 115px;
  margin-top: 10px;
  border-radius: 5px;
  border: none;
  background-color: #25363d;
}

#placePinBtn2IconContainer{
  z-index: 4;
  position: absolute;
  height: 20px;
  width: 20px;
  top: 4px;
  left: 40px;
  background-image: url(https://gis.edmondok.gov/traffic/graphics/pushpin_fuchsia_icon.png);
  background-repeat: no-repeat;
}

#placePinBtn2Text{
  z-index: 4;
  position: absolute;
  height: 20px;
  left: 2px;
  width: 90px;
  font-weight: bold;
  color: white;
}

/* ****************************** */
/* * Submit Pin 2 Button        * */
/* ****************************** */
#submitPinBtn2{
  z-index: 4;
  position: absolute;
  height: 50px;
  width: 95px;
  margin-left: 115px;
  margin-top: 70px;
  border-radius: 5px;
  border: none;
  background-color: #25363d;
}

#submitPinBtn2IconContainer{
  z-index: 4;
  position: absolute;
  height: 20px;
  width: 20px;
  top: 4px;
  left: 35px;
  background-image: url(https://gis.edmondok.gov/traffic/graphics/save_button.png);
  background-repeat: no-repeat;
}

#submitPinBtn2Text{
  z-index: 4;
  position: absolute;
  height: 20px;
  left: 2px;
  width: 90px;
  font-weight: bold;
  color: white;
}

/* ************************************************* */
/* * Pin Buttons 3 - Place and Submit              * */
/* ************************************************* */

/* ****************************** */
/* * Place Pin 3 Button         * */
/* ****************************** */
#placePinBtn3{
  z-index: 3;
  position: absolute;
  height: 50px;
  width: 95px;
  margin-left: 215px;
  margin-top: 10px;
  border-radius: 5px;
  border: none;
  background-color: #25363d;
}

#placePinBtn3IconContainer{
  z-index: 4;
  position: absolute;
  height: 20px;
  width: 20px;
  top: 4px;
  left: 40px;
  background-image: url(https://gis.edmondok.gov/traffic/graphics/pushpin_red_icon.png);
  background-repeat: no-repeat;
}

#placePinBtn3Text{
  z-index: 4;
  position: absolute;
  height: 20px;
  left: 2px;
  width: 90px;
  font-weight: bold;
  color: white;
}

/* ****************************** */
/* * Submit Pin 3 Button        * */
/* ****************************** */
#submitPinBtn3{
  z-index: 4;
  position: absolute;
  height: 50px;
  width: 95px;
  margin-left: 215px;
  margin-top: 70px;
  border-radius: 5px;
  border: none;
  background-color: #25363d;
}

#submitPinBtn3IconContainer{
  z-index: 4;
  position: absolute;
  height: 20px;
  width: 20px;
  top: 4px;
  left: 35px;
  background-image: url(https://gis.edmondok.gov/traffic/graphics/save_button.png);
  background-repeat: no-repeat;
}

#submitPinBtn3Text{
  z-index: 4;
  position: absolute;
  height: 20px;
  left: 2px;
  width: 90px;
  font-weight: bold;
  color: white;
}

/* **************************************************
/* * APPLICATION BUTTONS                            *
/* **************************************************

/* Background Color for Buttons */
#buttonContainerDraw {
  margin-top: 2px;
  margin-left: 10px;
  border: 1px solid #052B69;
  font-size: 11pt;
}

#buttonContainerSubmit {
  margin-top: 5px;
  margin-left: 10px;
  border: 1px solid #052B69;
  font-size: 11pt;
}
.claro .dijitButton .dijitButtonNode {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  width: 130px;
  height: 18px;
}

/* Traffic Intersection 1 - Button Icon */	
.trafficIntersection1PP { 
  background-image:url(https://gis.edmondok.gov/traffic/graphics/pushpin_neon_green_icon.png);
  width: 18px;
  height: 18px;
}

/* Traffic Intersection 1 - Button Icon */
.trafficIntersection2PP {
  background-image: url(https://gis.edmondok.gov/traffic/graphics/pushpin_fuchsia_icon.png);
  width: 18px;
  height: 18px;
}

/* Traffic Intersection 3 - Button Icon */
.trafficIntersection3PP {
  background-image: url(https://gis.edmondok.gov/traffic/graphics/pushpin_red_icon.png);
  width: 18px;
  height: 18px;
}

/* ******************************************************************************************************** */
/* * APPLICATION SPLASH SCREEN                                                                            * */
/* ******************************************************************************************************** */

#splashScreen { 
  overflow: auto;	  
  position: absolute;  
  left: 0;  
  top: 0;  
  width: 100%;  
  height: 100%;  
  background-color: #f3f3f3;  
  z-index: 1000;  
} 

#titlePane{
  margin: 0px !important;
  padding: 0px;
  height: 163px;
  width: 100%;
  overflow: hidden;
  border-style: none;
  border-color: red;
  border-width: 1px;
}

#splashScreenApplicationTitleFrame{
  position: absolute;
  margin-top: 2px;
  z-index: 1;
  font-family: arial;
  font-weight: bold;
  font-size: 18pt;
  text-align: right;
  color: white;
  border: 1px none red;
  width: 600px;   
  right: 25px; 		
}

#splashScreenText {
	margin-top: 100px;
	height: 305px;
	width: 100%;
	border: 1px solid red;
}

/* *********************************************** */
/* TERMS OF USE BLOCK - START                    * */
/* *********************************************** */

#termsOfUseBlockDIV{
  position: fixed;
  height: 400px;
  width: 500px;
  margin-top: -200px;
  margin-left: -250px;
  top: 50%;
  left: 50%;
  background-color: white;
  border: 1px solid #25363d;
  /* Make Text Unselectable */
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
	
	
	
/*
  height: 425px;
  width: 500px;
  margin-top: 100px;
  margin-right: auto !important;
  margin-left: auto !important;
  background-color: white;
  border: 1px solid #25363d;
  */
}

/* Mobile @ 700px */
@media only screen and (max-width: 700px) {
  #termsOfUseBlockDIV{
    position: fixed;
    height: 400px;
    width: 320px;
    margin-top: -200px;
    margin-left: -160px;
    top: 50%;
    left: 50%;
    background-color: white;
    border: 1px solid #25363d;
    /* Make Text Unselectable */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
	/*
    height: 425px;
    width: 400px;
    margin-top: 100px;
    margin-right: auto !important;
    margin-left: auto !important;
    background-color: white;
    border: 1px solid #25363d;
	*/
  }
}

#termsOfUseTitleBlock{
  height: 30px;
  width: 500px;
  background-color: #25363d;
  font-weight: bold;
  font-size: 16pt;
  color: white;
}

/* Mobile @ 700px */
@media only screen and (max-width: 700px) {
  #termsOfUseTitleBlock{
    height: 30px;
    width: 320px;
    background-color: #25363d;
    font-weight: bold;
    font-size: 14pt;
    color: white;
}
}

#termsOfUseTitleBlockText{
  position: relative;
  top: 3px;
  height: 20px;
}

#splashScreenImage{
  margin-top: 10px;
}

#termsOfUseStatementTextBlock{
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 14pt;
  text-align: justify;
}

#splashScreenButtonFrame{
  margin-top: 25px;
  height: 35px;
}

#termsOfUseBottomBlock{
  z-index: 2;
  position: absolute;
  height: 45px;
  width: 500px;
  top: 456px;
  background-color: #25363d;
}

/* *********************************************** */
/* TERMS OF USE BLOCK - END                      * */
/* *********************************************** */

#splashScreenAccept{
  width: 180px;
  height: 30px;
  background-color: #25363d;
  font-family: arial;
  font-size: 12pt;
  font-weight: bold;
  color: white;
  border-radius: 5px;
  border-color: #25363d;
}

#splashScreenDecline{
  margin-top: 15px;
  width: 180px;
  height: 30px;
  background-color: #25363d;
  font-family: arial;
  font-size: 12pt;
  font-weight: bold;
  color: white;
  border-radius: 5px;
  border-color: #25363d;
}


/* ******************************************************************************************************** */
/* * DIALOG ALERTS                                                                                        * */
/* ******************************************************************************************************** */
.claro .dijitDialog{
  border: 2px solid #25363d;
}

.claro .dijitDialogPaneContent{
  border: 0px solid white;
}

.claro .dijitDialogTitle{
  background-color: #25363d;
  border: 3px solid #25363d;
  color: white;
}

.claro .dijitDialogTitleBar{
  background-color: #25363d;
  background-image: none;
  border: 2px solid #25363d;
}