html {
    height: 100%;
}

body { 
    background-color: white;
    color: #46494c;
    margin: 0px;
    padding: 0px;
    height: 80%;
}

#header {
    background-color:white;
    left: 10px;
    
}


#footer {
    background-color:white;
    text-align: center;
    border-top: 1px solid #f08900;
    bottom: 0;
    left: 0px;
    width: 99%;
    padding: 4px;
    font:normal 12px arial;
}

.fakea { 
	text-decoration: none; 
	font-family: Arial; 
	font-size: 12px;
	cursor: pointer;
	color: #0000EE;
}


a:link, a:visited, a:hover, a:active { 
	text-decoration: none; 
	font-family: Arial; 
	font-size: 12px;
}

.Introbullet {
	color: Black !important;
	font: bold 10px arial !important;
}


.copyright {
	font: 12px arial ;
	color: light grey;
}


.bullet {
	color: light grey !important;
	font: bold 18px arial !important;
}

.userinfo {
    font:normal 12px arial;
    text-align: right;
}

#content {
    padding: 10px;
    padding-left: 35px;
    padding-right: 35px;
    background-color:#ff9933;
}

h1.title {
    padding: 4px;
    margin: 0px;
}

 
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}

#container {
    width:600px;
    height:300px;
    border:3px solid #c3daf9;
}



.blist {
    background-image: url(list-items.gif) !important;
}

.bmenu {
    background-image: url(menu-show.gif) !important;
}



.menu-title{
    background: #ffffff url(../../resources/images/default/grid/grid3-hrow.gif) repeat-x;
    border-bottom:1px solid #99bbe8;
    color:#15428b;
    font:bold 10px tahoma,arial,verdana,sans-serif;
    display:block;
    padding:3px;
}



/* Toolbars */

x-toolbar x-small-editor{
	text-align:bottom  !important;
}

.mainToolbar .x-toolbar{
	border-color: white;
	font:normal 12px arial;
    	background:white ;
    	text-align:bottom  !important;
}
.mainToolbar .x-toolbar button {
	font:normal 20px arial;
    	color:grey;
}
.mainToolbar .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
   /* background-image:url(../images/black/toolbar/btn-arrow.gif);*/
 	background-image:url(../images/black/s.gif);
}
.mainToolbar .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
    /*background-image:url(../images/black/toolbar/btn-arrow-light.gif);*/
    background-image:url(../images/black/s.gif);
}
.mainToolbar .x-toolbar .x-btn-over .x-btn-left{
color: black;
	background-image:url(../images/black/toolbar/tb-btn-sprite.gif);
}
.mainToolbar .x-toolbar .x-btn-over .x-btn-right{
color: black;
	background-image:url(../images/black/toolbar/tb-btn-sprite.gif);
}
.mainToolbar .x-toolbar .x-btn-over .x-btn-center{
color: black;
	background-image:url(../images/black/toolbar/tb-btn-sprite.gif);
}
.mainToolbar .x-toolbar .x-btn-over button {
    color: black;
}
.mainToolbar .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
	background-image:url(../images/black/toolbar/tb-btn-sprite.gif);
}
.mainToolbar .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
	background-image:url(../images/black/toolbar/tb-btn-sprite.gif);
}

.mainToolbar .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
	background-image:url(../images/black/toolbar/tb-btn-sprite.gif);
}
.mainToolbar .x-toolbar .ytb-sep {
/*	background-image: url(../images/black/grid/grid-split.gif);*/
}
.mainToolbar .x-paging-info, .ytb-text {
    color:#eeeef0;
}
/* Toolbars */	

.mainToolbar .x-toolbar .x-btn-menu-active .x-btn-with-menu .x-btn-left{
background-image:url(../images/black/toolbar/tb-btn-sprite.gif);
}
.mainToolbar .x-toolbar .x-btn-menu-active .x-btn-with-menu .x-btn-right{
background-image:url(../images/black/toolbar/tb-btn-sprite.gif);
}
.mainToolbar .x-toolbar .x-btn-menu-active .x-btn-with-menu .x-btn-center{
background-image:url(../images/black/toolbar/tb-btn-sprite.gif);
}


.x-grid3-row {

   	background-color:#ffffcc !important;
}

.x-grid3-row-alt{
	background-color:#ffcc99 !important;
}

.x-grid3-row-selected td{
	background-color: yellow !important;
}



.x-panel-header{
	background-color:#ff9933 !important;
	background-image: none  !important;
} 

.x-panel-header-text{
	color: white;
	font:bold 13px arial;
	background-color:#ff9933  !important;

}





.x-grid3  {
	background-color: #cc6600 !important;
}

.x-grid3-body {
	background-color: #cc6600 !important;
}

.x-panel-bwrap {
	background-color: white !important;
}

.ux-grid3-row-action-cell .x-grid3-cell-inner {
    padding: 1px 0 0 0;
}

.ux-grid3-row-action-cell .x-grid3-cell-inner div {
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    cursor:pointer;
}

.icon-add {
	background-image: url(/js/icon-add.gif)  ;
	margin-top: 2px;
	background-position: 1px 2px;
}

.icon-delete {
	background-image: url(/js/icon-del.gif)  ;
	margin-top: 2px;
	background-position: 2px 2px;
}



.GSleftheader {
	font: 22px arial ;
	color: white;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
}

.GSrightheader {
	font: 20px arial ;
	color: white;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
}

.GSrighttext, .GSlefttext {
	font: 12px arial ;
	color: white;
	text-align: left; 
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
}


#atml-button {
	align: right;
}

#logo {
    padding: 5px 0px 5px 10px;
}

.x-tab-strip  SPAN.x-tab-strip-text {
font: 11px arial  !important;
}

.x-tab-strip-active  SPAN.x-tab-strip-text {
font: 14px arial bold !important;
background-color: white !important;
}


.edit-tab, .x-tab-strip-inner, .x-tab-strip-header, .x-tab-panel-header  {
	background-color: #feff99 ;
	background-image: none  !important;
	color: black  ;
	/*font: 20px arial  !important;*/
	padding-bottom: 2px !important;
	padding-top: 2px !important;

}

.x-tab-with-icon .x-tab-strip-active, .x-tab-strip-active  {
	background-color: white ;
	color: green  !important;
}

.editheader {
	font: bold 14px arial ;
	color: #ff9933;
	margin-top: 2px;
	margin-bottom: 1px;
}

.editfield {
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 6px;
	margin-right: 2px;
}

.edittext {
	font: 14px arial ;
	color: black;
	margin-top: 2px;
	margin-bottom: 1px;
}

.edit-helpful-info {
	font: 14px arial ;
	color: white;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
}

.ExtDateField, #ticklemeid{
	font: 14px arial !important;
	color: black !important;
	height:  18px;
}

.editradioline{

}

#edittitleheader  {
	/*color: white;*/
	font: 16px arial;
	/*background-color: #ff9933 ;*/
	color: black;
	background-color: white;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	border-color: transparent;
}

#edittitle {
	/*color: white;*/
	font: 12px arial;
	/*background-color: #ff9933 ;*/
	color: black;
	background-color: white;
	
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	border-color: transparent;

}

.northtitleheader {
/*	color: white;*/
	font: 12px arial;
/*	background-color: #ff9933 ;*/
	color: black;
	background-color: white;


	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	border-color: transparent;

}

.northtitletext {
/*	color: white;*/
	font: 10px arial;
/*	background-color: #ff9933 ;*/
	color: black;
	background-color: white;

	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	border-color: transparent;

}


.radiotext, .checkboxtext, .dropdowntext {
	color: black;
	font: 12px arial;
	background-color:white ;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	border-color:transparent;
	text-indent:0px !important;
	/*line-height: 200%;
	vertical-align: top;*/
	padding-bottom: 2px;
	text-align:justify;

}

p.radiotext, p.checkboxtext {
text-indent: 0px;}

.radiolabel {
	color: #ff9933;
	font: 14px arial bold;
	background-color: white ;
	margin-top: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px;
	/*line-height: 200%;
	vertical-align: top;*/
	border-color: transparent;

}

table.radiotable td {
 	padding:3px; 
 	vertical-align: top;
 	text-indent: 0px;
}

.x-table-layout-cell {
	padding-right: 20px;
	
}

.x-panel-bwrap, .x-tab-panel-bwrap , .x-tab-panel-body .x-tab-panel-body-noborder .x-tab-panel-body-top , .x-panel-body .x-panel-body-noheader .x-panel-body-noborder ,  .x-panel .x-border-panel{
	background-color: white !important;
	
}

.x-panel-footer .x-panel-footer-noborder, x-panel-btns .x-panel-btns-center {
	background-color: #ff9933 !important;
}	

.x-grid3-header-offset {width: auto;}


.x-tab-panel-body-top {
	padding: 2px 2px 2px 2px !important;
}

.textInput,textarea{  /* General style for my inputs when they're not highlighted */
  background-color:white;
}


.inputHighlighted{  /* Highlighting style */
  background-color: #ffff99;
} 

.hiheader, .hior {
	/*color: #4c84b4;
	font: 12px arial;
	background-color: white ;*/
	
	position:absolute;
	left:-9999px;
	text-align:left;
}

.previewimg {
	margin-left: 45px;
	margin-top: -15px;
}

.samplebox {
	font: 8px arial ;
	background-color: #FFCC00;
	color: dark blue
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -5px;
	margin-right: 0px;
	text-align: center;
	text-decoration:underline;
}

.signupbox {
	font: 8px arial ;
	background-color: #0066FF;
	color: white;
	margin-top: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	text-decoration:underline;
}

.signupboxtext {
	font: 24px arial ;
	/*background-color: #0066FF;*/
	color: white ;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: -5px;
	margin-right: 0px;
	text-align: center;
	text-decoration:underline;
}

.DODIntroText {
	font: 11px arial ;
	color: Black;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	font-weight: bold;
}

.DODIntroTextNew {
	font: 11px arial ;
	color: Black;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 10px;
	margin-right: 0px;
	font-weight: bold;
}

.DODIntroTextSmall {
	font: 11px arial ;
	color: Black;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 30px;
	margin-right: 10px;
}

.DODIntroTextSmall2 {
	font: 12px arial ;
	color: Black;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 30px;
	margin-right: 10px;
}

.DODIntroTextSmallHdr {
	font: 14px arial ;
	color: Black;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	margin-right: 0px;
	font-weight: bold;
}

.DODIntroTextVideo {
	font: 16px arial;
	font-weight: bold;
	color: white;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
}

.DODIntroTextBold {
	font:  12px arial ;
	color: Black;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-right: 30px;
}

.DODIntroTextHeader {
	font: 18px arial ;
	color: Black;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-right: 30px;
	
}

.DODIntroTextFWP {
	font: 11px arial ;
	color: Black;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	font-weight: bold;
}

.DODIntroTextSample {
	font: 11px arial ;
	color: Black;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -30px;
	margin-right: 0px;
	text-align: center;
	font-weight: bold;
}

.endorsment {
	font: 10px arial ;
	color: Black;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	font-style:italic;
}


.DODIntroTextHeaderMajor {
	font: 26px arial ;
	color: black;
	align: center;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 4px;
	margin-left: 20px;
	margin-right: 30px;
}

.DODIntroTextTableBold {
	font: 11px arial ;
	color: black;
	font-weight: Bold;
	text-align: center;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 2px;
	margin-right: 1px;
}

.DODIntroTextTable {
	font: 11px arial ;
	color: black;
	text-align: center;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 2px;
	margin-right: 1px;
}

.DODIntroTextTableStrike {
	font: 12px arial ;
	color: black;
	font-weight: bold;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 2px;
	margin-right: 1px;
	text-decoration: line-through;
}

.DODIntroTextTableBlink {
	font: 12px arial ;
	color: red;
	font-weight: bold;	
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 2px;
	margin-right: 1px;
/*	text-decoration: blink;*/
}


.tableoptions, .tableoptions TD, .tableoptions TH
{
	background-color:#CCCCCC;
	color:white;
	margin-left: 00px;
}

.tablelogin, .tablelogin TD, .tablelogin TH
{
	background-color:#ffc148;
	background-image:url(/js/feather.gif) ;
	height: 100%;
	color:white;
	
}

#sut {
	margin-top: -5px;
	margin-bottom: 30px;
	margin-left: 20px;
}

#logindiv {
	align: left;
	text-align: left;
	margin-left: 10px;
}


.DODIntroTextAAM{
	font: 18px arial ;
	color: white;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 18px;
	margin-right: 1px;
	
}

.menu-title{
    background: #D6E3F2;
    border-style: solid;
    border-color:#DAE6F4 #99bbe8 #99bbe8 #DAE6F4;
    border-width: 1px;
    margin:-2px -2px 0;
    color:#15428b;
    font:bold 10px tahoma,arial,verdana,sans-serif;
    display:block;
    padding:3px;
}



.x-toolbar-cell .dod-menu  .x-btn-text 
{
	height: 18px !important;
	font:normal 12px arial !important;
	text-align: left  !important;
	border-right: #ffffff 0px solid;
	border-top: medium none;
	/*background-color: white  !important;*/
	padding-bottom: 1px;
	border-left: medium none;
	cursor: pointer;
	color: #4c84b4 !important;
	padding-top: 0px;
	border-bottom: #ffffff 0px solid;
	background-repeat: repeat-x;
	padding-right: 15px;
	vertical-align: bottom;
	
}



#spacer1div {
	height: 8px;
	/*padding: 6px 0px 6px 0px !important;*/
	font:normal 10px arial
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
	border: 0px 0px 0px 0px !important;

}


.x-menu-item-text, .x-menu-item, .x-menu-list{
	background-color: white;
}


#headercenter {
padding-top: 2px;
}

.userinfolinestatic
{
	font:normal 12px arial !important;
	border-right: #ffffff 0px solid;
	
	background-color: white;
	/*padding-bottom: 30px;*/
	color: #4c84b4;
	/*padding-top: 0px;*/
	vertical-align: top; 
}


.supportheader
{
	font:bold 12px arial;
	/*border-right: #ffffff 0px solid;*/
	background-color: white;
	color: #f58033;
}

.userinfoline
{
	font:normal 12px arial !important;
	border-right: #ffffff 0px solid;
	padding-right: 18px;
	background-color: white;
	/*padding-bottom: 30px;*/
	color: #c56501;
	/*padding-top: 0px;*/
	vertical-align: top; 
	/*text-align: top; */
	
}




.x-panel-body {
	background-color: #ff9933 !important;
	
}


.x-panel-PO-body, .x-panel-PO, .x-form-item  .x-hide-label {
	background-color: white !important;
}

.x-RG-PO-bwrap, #options {
	background-color: white !important;
	padding: 0px 10px 0px 12px;
	border-style:solid;
	border-width:1px;
	border-color:white !important;
}

 
.x-panel-body .x-panel-body-noheader, .x-panel-body-noborder {
	background-color: white !important;
}



.PurchaseOptHeader
{
	font:normal 28px arial !important;
	padding-right: 15px;
	background-color: white;
	padding-bottom: 10px;
	color: #ff9933;
	padding-left: 15px;
	/*vertical-align: top; */
	text-align: left; 
	
}

.PurchaseOpt
{
	font:normal 12px arial !important;
	padding-right: 15px;
	background-color: white;
	padding-left: 15px;
	color: black;
	padding-bottom: 15px;
	/*vertical-align: top; 
	text-align: top; */
	
}

.PurchaseOptFooter
{
	font:normal 10px arial !important;
	padding-right: 18px;
	background-color: white;
	padding-left: 15px;
	color: black;
	padding-top: 10px;
	padding-bottom: 10px;
	/*vertical-align: top; 
	text-align: top; */
	
}


.collabwestheader {
	font:bold 24px arial;
	align: center;
	padding: 14px 15px 5px 15px;
	color: #ff9933;

}

.collabwesttext {
	font:normal 14px arial;
	color: #7a7a7a;
	padding: 13px 15px 17px 15px;

}

.collabcenterheader {
	font:bold 24px arial;
	color: white;
	padding: 15px 15px 5px 15px;
	background-color: #ff9933 ;
}

.collabcentertext {
	font:normal 14px arial;
	color: white;
	padding: 15px 15px 9px 15px;
	background-color: #ff9933 ;
}

#collablogo {
    padding: 5px 0px 5px 15px;
}

.collabinviteswest-footer, .collabinviteswest-bwrap {
	background-color: white !important;
	border:0px none white !important;
	
}	

.collabinviteswest-header, .collabinviteswest-header-text {
	height: 5px;
	background-color: white !important;
}	

#editusertitle {
	font:normal 18px arial;
	color: white;
	padding: 0px 0px 0px 110px;
	background-color: #ff9933 ;
}

.no-icon-menu .x-menu-item-icon { display: none; }