 /*
'************************************************************
'*         TERMS & CONDITIONS / COPYRIGHT NOTICE            *
'************************************************************
'*   By Downloading or using this software, you agree to    *
'*   the terms and conditions as stated in the Software     *
'*   License Agreement.  An updated copy of this agreement  *
'*   can be seen at http://www.pagedowntech.com/terms.      *
'*                                                          *
'*        PageDown Technology, LLC., Copyright 2009.        *
'*             pagedowntech.com / pdshop.com                *
'*                                                          *
'*  (this copyright notice must not be altered or removed)  *
'************************************************************
*/

BODY {

    /* Note: scrollbar attributes are not considered a legal standard and only work in Internet Explorer. */
    scrollbar-face-color: #0767A9;
    scrollbar-arrow-color: #FFFFFF;
    
    padding:0;
	   margin:0;

}

 SELECT {
color: 000000; font-family: Verdana; font-size: 12px; font-weight: normal
}

FORM {margin: 0;}

LABEL {
color: 000000; font-family: Verdana; font-size: 11px; font-weight: bold
}

.bodybg {background-color:#D2D6D9;	border-left:1px solid #0767A9; border-right:1px solid #0767A9;}
.toppanel {background-color:#0769AA; border:#BEC3C7 1px solid;}
.leftpanel { background-color:#FFFFFF; border:#BEC3C7 1px solid;}
.mainframe {background-color:#FFFFFF; border-left:#BEC3C7 1px solid;border-right:#BEC3C7 1px solid;	border-bottom:#BEC3C7 1px solid; padding:14px;}
.lefttext  {color: #666666; font-family: Tahoma; font-size: 11px; font-weight: Bold; }
.lefttext  A {color: #666666; font-family: Tahoma; font-size: 11px; font-weight: Bold; }
.lefttext2  {color: #666666; font-family: Tahoma; font-size: 11px; font-weight: normal; }
.lefttext2  A {color: #666666; font-family: Tahoma; font-size: 11px; font-weight: normal; }

.leftformbutton       {background-color: #000000; color: #FFFFFF; font-family: Verdana; font-size: 10px; font-weight: bold;}


.menutext            {color: #FFFFFF; font-family: Verdana; font-size: 11px; font-weight: normal; text-decoration: none;}
.menutext    A       {text-indent: 5px; color: #FFFFFF; font-family: Verdana; font-size: 11px; font-weight: normal; text-decoration: none;}
.menutext    A:hover  {text-indent: 5px; color: #FFFFFF; font-family: Verdana; font-size: 11px; font-weight: normal; text-decoration: underline;}
.menutext2            {text-indent: 5px; color: #CCCCCC; font-family: Verdana; font-size: 10px; font-weight: normal; text-decoration: underline;}

.menuimage   IMG {}

.message               {color: RED; font-family: Verdana; font-size: 11px; font-weight: bold}
.message  A            {color: BLACK; font-family: Verdana; font-size: 11px; font-weight: bold}

.helptext               {color: #666666; font-family: Verdana; font-size: 10px; font-weight: normal}
.helptext  A            {color: #0767A9; font-family: Verdana; font-size: 11px; font-weight: bold}
.helptext  A:hover       {color: #000000; font-family: Verdana; font-size: 11px; font-weight: bold}


.editlinks              {color: #000000; font-family: Verdana; font-size: 12px; font-weight: bold}
.editlinks  A            {color: #000000; font-family: Verdana; font-size: 12px; font-weight: bold}
.editlinks  A:HOVER           {color: #0767A9; font-family: Verdana; font-size: 12px; font-weight: bold}

.listtext              {color: #000000; font-family: Verdana; font-size: 10px; font-weight: bold;}
.listtext    A          {color: #000000; font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: none;}
.listtext    A:HOVER          {color: #000000; font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: underline;}

.listheading              {color: #0767A9; font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: underline;}
.listheading   A           {color: #0767A9; font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: underline;}

.treedots             {color: #000000; font-family: Verdana; font-size: 10px; font-weight: bold;}
.treeitems            {color: #000000; font-family: Verdana; font-size: 10px; font-weight: normal; text-decoration: none;}
.treeitems    A       {color: #000000; font-family: Verdana; font-size: 10px; font-weight: normal; text-decoration: underline;}
.treecat   A          {color: #0767A9; font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: underline;}
.treecat             {color: #0767A9; font-family: Verdana; font-size: 11px; font-weight: normal; text-decoration: none;}


/* Error Messages     */
.errors             {color: red; font-family: Verdana; font-size: 10px; font-weight: bold}
.errors2             {color: red; font-family: Verdana; font-size: 20px; font-weight: bold}

/* Forms */
.forms				{background-color: #EEEEEE;}
.pageheading1               {color: #0767A9; font-family: Verdana; font-size: 18px; font-weight: normal; text-decoration: none}
.pageheading2               {color: #0767A9; font-family: Verdana; font-size: 15px; font-weight: bold;}

.menutabon    A          {background-color: #CCCCCC; color: #0767A9; font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: none}
.menutabon    {background-color: #CCCCCC; color: #0767A9; font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: none}

.menutaboff   A            {background-color: #EEEEEE; color: #C2C2C2; font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: none}
.menutaboff               {background-color: #EEEEEE; color: #CCCCCC; font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: none}

.rowtopline				{border-color: #CCCCCC; border-top-style: solid; border-top-width: 1px}

.formheading               {color: #000000; font-family: Verdana; font-size: 10px; font-weight: bold}
.formheading  A            {color: #000000; font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: underline}

.formbutton       {background-color: #0767A9; color: #FFFFFF; font-family: Verdana; font-size: 10px; font-weight: bold;}


/* below are for different sized form fields */
.formfield1    		{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 250px}
.formfield2     	{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 175px}
.formfield3     	{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 100px}
.formfield4     	{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 275px}
.formfield5     	{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 35px}
.formfield6     	{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 400px}

.formfieldnumber     	{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 75px}
.formfieldnumber2     	{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #FFFFFF; width: 50px}
.formfieldfile     	{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #FFFFFF;}

.roformfield1    		{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #EEEEEE; width: 250px}
.roformfield2     	{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #EEEEEE; width: 175px}
.roformfield3     	{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #EEEEEE; width: 100px}
.roformfield4     	{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #EEEEEE; width: 275px}
.roformfield5     	{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #EEEEEE; width: 35px}
.roformfield6     	{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #EEEEEE; width: 400px}

.rotextarea1    		{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #EEEEEE; width: 225px; overflow: auto;}


.roformfieldnumber     	{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #EEEEEE; width: 75px}
.roformfieldnumber2    	{font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #EEEEEE; width: 50px}

.orderheader	{BACKGROUND-COLOR: #EEEEEE; COLOR: #0767A9; FONT-FAMILY: Verdana; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.orderheader2	{COLOR: #0767A9; FONT-FAMILY: Verdana; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.orderheader2  A {COLOR: #0767A9; FONT-FAMILY: Verdana; FONT-SIZE: 10px; FONT-WEIGHT: bold}
.ordertxt       {COLOR: #000000; FONT-FAMILY: Verdana; FONT-SIZE: 10px}
.ordertxt      A{COLOR: #000000; FONT-FAMILY: Verdana; FONT-SIZE: 10px}
.orderheader3	{COLOR: #0767A9; FONT-FAMILY: Verdana; FONT-SIZE: 16px; FONT-WEIGHT: bold; TEXT-DECORATION: none}

/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("img/background-trans.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #CCCCCC;
	background-color: #ffffff;

}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
	
	
}
#popupTitleBar {
	background-color: #CCCCCC;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 0px;
	border-bottom: 2px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}