@CHARSET "ISO-8859-1";

body {
 background-color: #041a36;
 margin: 0;
 padding: 0;
 color: white;
}

h2{
color: white;
}

a{
 color: blue;
 font-family: Verdana, Tahoma, sans-serif;
 font-size: 12px;
}

table img{
width: 24px;
height: 24px;
padding: 2px;
}

.loadingIcon {
  visibility: hidden;
}


#DeveloperStatusFailed{
  position: relative;
  top: 300px;  
  display: none;
}

#CheckStatus{
  position: relative;
  top: 40px;
  margin-left: 20px;
  display: none;
  color: white;
  font-size: 1em;
  font-weight: bold;
}

#DeveloperStatusNotFound {
  position: relative;
  top: 30px;
  margin-left: 20px;
  display: none;
  color: white;
  font-size: 1em;
  font-weight: bold;
}

#DeveloperDetails {
  
  width: 80%;  
  margin-top: 30px;
  margin-left: 15px;
  /*background-color: #1c314d;*/
  color: white;
  padding: 15px;
  display: none;
}

#DeveloperLoginPanel{
  background-color: white;
  color: black !important;
  width: 522px;
}

#DeveloperEntryPanel{
  background-color: white;
  color: black !important;
  width: 522px;
}

.detailsTable{
  color: black;
  margin: 10px;	
  padding-left: 40px;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 0.8em;  
}

#ZipTextNote{
  padding: 4px;
  color: darkblue;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 0.8em;
}


.detailsText{ 
  color: black;
  font-size: 0.8em;  
}

#DetailsCancel {
  display: none;
}  

/*****************************************/
/*       White Text Bar 				 */
/****************************************/


.whiteTopTextBar{
  width: 522px !important;
  height: 18px !important;
  background-color: #1c314d !important;
  margin: 0;
  padding: 0;
}

.whiteBottomTextBar{
  width: 522px ! important;
  height: 18px !important;
  padding: 0 !important;
  margin: 0 !important;

}

/***************************************/

#AddWidgetButton{
 float: left;
 margin-top: 20px;
 margin-bottom: 20px;
}

#EditDetailsButton{
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 6px;
  margin-right: 10px; 
}


#EditImage{
  float: right;  
}

#EditImage:hover{
  float: right;
  cursor: pointer;
}


#MyWidgets {
  padding: 10px;
  margin: 10px;
  color: blue;
  display: none;
}

#MyWidgetsTable {
  color: black;
  font-size: small;
}

#MyWidgetsHeader {
  background-color: #344f72;
  color: white;
  font-family: sans-serif;
}

.myWidgetsCellClass {
  text-align: center;
}

.myWidgetsRowClass0 {
  background-color: white;
}

.myWidgetsRowClass1 {
  background-color: lightgray;
}

.myWidgetsEditClass {
  float: right;  
  position: relative;
  width: 20px;
  height: 20px;
  vertical-align: middle;
} 



.myWidgetsEditClass {
  float: right;  
  position: relative;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  cursor: pointer;  
}

.myWidgetsAddButton {
}

/*
  Hidden Element to create the popup dialog content, 
  display only for testing!
 */  
#AddButtonTemplate {
  display: none;
} 


#AddWidget {
  clear: both;
  display: none;
  padding: 40px;  
  color: black;
}

#AddWidget input {
  width: 300px;
} 

#AddWidget textarea {
  width: 300px;
} 

#AddWidget #WidgetCategories {
  width: 300px;
} 

#AddWidgetEntryPanel{
  width: 522px;
  margin: 0;
  padding: 0;
  color: black !important;
  background-color: white;
  font-size: 1em;
  font-family: Verdana, Tahoma, sans-serif;
}

#TextDescriptionArea{
  font-size: 0.75em; 
  font-family: Verdana, Tahoma, sans-serif;
}

#AddWidgetEntryPanel p{ 
 padding-left: 50px;
}

#AddWidgetTitle{
 padding-left: 50px;
 margin: 0;
}

#WidgetTermsCheckbox{
 margin-left: 0px;
 margin-right: 4px;
 font-size: 1em;
 width: inherit !important;
}

#WidgetTermsLink{
  font-size: 1em;
  font-family: Verdana, Tahoma, sans-serif;
  color: darkblue;
}

#WidgetCopyrightCheckbox{
 margin-left: 50px;
 margin-right: 4px;
 font-size: 0.5em;  
 width: inherit !important;
}

#SubmitButton{
 margin-left: 40px;
}

#CancelButton{

}

/***************************************/
/*         Blue Box 				   */
/**************************************/

#BlueBar{
 text-align: left;
 position: absolute;
 top: 40px;
 left: 0px;
 margin: 0 auto;
 margin-bottom: 0px;
 padding: 0;
 border-top: 1px #CCC solid;
 border-bottom: 1px #CCC solid;
 height: 90px;
 width: 100%;
 background: #5284cb url(images/blueFadeReversed.png) repeat-x bottom; 
}

#WidgetopLogoArea{
 margin-left: auto;
 margin-right: auto;
 width: 720px;
}

#WidgetopLogo{
 padding-top: 4px;
 padding-bottom: 2px;
 padding-left: 140px;
 margin-left: auto;
 margin-right: auto;
}

#WidgetopHeaderText{
 position: relative;
 top: 10px;
 padding-bottom: 14px;
 
}



/************************************/
/*			 Buttons 				*/
/************************************/



#WidgetTitle{
  font-weight: bold;
}

#BackToButton{
 color: white;
 position: absolute;
 top: 10px;
 left: 12px;
 border: 0px;
 padding: 0;
 margin: 0; 
 text-decoration: none;
}



#BackToButtonText{
 position: absolute;
 top: 12px;
 left: 48px;
 color: #F0F0F0;
 font-size: small;
 font-weight: bold;
 font-family: Verdana, Tahoma, sans-serif;
 text-decoration: none;   
}

#BackToButtonText:hover{
 position: absolute;
 top: 12px;
 left: 48px;
 color: white;
 font-size: small;
 font-weight: bold;
 font-family: Verdana, Tahoma, sans-serif;
 text-decoration: none;   
}


#BackToDesktopLink{
text-decoration: none;
}



/**************************/
/*    MAIN PANEL          */
/**************************/
#MainPanel{
  position: relative;
  top: 120px;
}