//-------------------------------------213 Oklahoma Employees Credit Union -------------------------------

if (navigator.userAgent.indexOf('Mac') != -1)
	{
	var extrasize = 2;
	}
else
	{
	var extrasize = 0;
	}	
	
//-------------------------------------EDIT SIZE VARIABLES HERE----------------------------------
var size1 = 8 + extrasize;
var size2 = 9 + extrasize;
var size3 = 10 + extrasize;
var size4 = 11 + extrasize;
var size5 = 12 + extrasize;
var size6 = 13 + extrasize;
var size7 = 14 + extrasize;
var size8 = 15 + extrasize;
var size9 = 16 + extrasize;
var size10 = 17 + extrasize;
var size11 = 18 + extrasize;
//-------------------------------------EDIT SIZE VARIABLES HERE----------------------------------

//-------------------------------------EDIT FONT VARIABLES HERE----------------------------------
var font1 = "Arial, Helvetica, sans-serif";
//-------------------------------------EDIT FONT VARIABLES HERE----------------------------------



//-------------------------------------EDIT COLOR VARIABLES HERE----------------------------------
var color1 = "#902147"; //primary
var color2 = "#000000"; //secondary
var color3 = "#000000"; //header
var color4 = "#000000"; //mainText
var color5 = "#900028"; //red/question
var color6 = "#902147"; //link
var color7 = "#902147"; //link visited
var color8 = "#cc9999"; //link hover
var color9 = "#902147"; //link active
var color10 = "#000000"; //altText
var color11 = "#000000"; //altlink
var color12 = "#ffffff"; //table background color

//-------------------------------------EDIT COLOR VARIABLES HERE----------------------------------

//-----------------------LIST OF METHODS THAT CAN BE USED BELOW----------------------------------
/*
s1.setName(".stylename");
s1.setFont("Arial, Helvetica, sans-serif");
s1.setColor(variable);
s1.setBackgroundColor(variable);
s1.setSize(variable);
s1.setWeight("bold");
s1.setTextDecoration("underline");
s1.setBorder("1 solid #00589e");
s1.setScrollbarTrackColor("#000000");
s1.setScrollbar3dlightColor("#000000");
s1.setScrollbarDarkshadowColor("#000000");
s1.setScrollbarFaceColor("#000000");
*/
//-----------------------LIST OF METHODS THAT CAN BE USED BELOW----------------------------------

document.write("<style>                 ");

                 //-------------------------------------------NEW STYLE TD Main Text---------------------------

                 var s1 = new style();
                 s1.setName("TD");
				 s1.setFont(font1);
                 s1.setColor(color4);
				 s1.setSize(size3);
                 s1.setTextDecoration("none");
		  		 s1.setWeight("normal");
                 s1.writeStyle();
                 
				  //-------------------------------------------NEW STYLE TD Main Text---------------------------

                 var s1 = new style();
                 s1.setName(".login");
				 s1.setMarginBottom("4px");
				 s1.setFont(font1);
				 s1.setWeight("bold");
				 s1.setSize(size5);
                 s1.writeStyle();
				 
                 //-------------------------------------------NEW STYLE Link------------------------------------------
                 
                 var s1 = new style();
                 s1.setName("a:link");
				 s1.setFont(font1);
                 s1.setColor(color6);
                 s1.setTextDecoration("underline");
                 s1.writeStyle();
                 
                 //-------------------------------------------NEW STYLE Visited Link------------------------------------------
                 
                 var s1 = new style();
                 s1.setName("a:visited");
                 s1.setFont(font1);
                 s1.setColor(color7);
                 s1.setTextDecoration("underline");
                 s1.writeStyle();
                 
                 //-------------------------------------------NEW STYLE Hover Link------------------------------------------
                 
                 var s1 = new style();
                 s1.setName("a:hover");
                 s1.setFont(font1);
                 s1.setColor(color8);
                 s1.setTextDecoration("none");
                 s1.writeStyle();
                 
                 //-------------------------------------------NEW STYLE Active Link------------------------------------------
                 
                 var s1 = new style();
				 s1.setName("a:active");
                 s1.setFont(font1);
                 s1.setColor(color9);
                 s1.setTextDecoration("underline");
                 s1.writeStyle();
                 
                 //-------------------------------------------NEW STYLE Link------------------------------------------
                 
                 var s1 = new style();
                 s1.setName("a.link2:link");
				 s1.setFont(font1);
                 s1.setColor(color6);
				 s1.setSize(size7);
                 s1.setTextDecoration("underline");
                 s1.setWeight("bold");
                 s1.writeStyle();
                 
                 //-------------------------------------------NEW STYLE Visited Link------------------------------------------
                 
                 var s1 = new style();
                 s1.setName("a.link2:visited");
                 s1.setFont(font1);
                 s1.setColor(color7);
				 s1.setSize(size7);
                 s1.setTextDecoration("underline");
                 s1.setWeight("bold");
                 s1.writeStyle();
                 
                 //-------------------------------------------NEW STYLE Hover Link------------------------------------------
                 
                 var s1 = new style();
                 s1.setName("a.link2:hover");
                 s1.setFont(font1);
                 s1.setColor(color8);
				 s1.setSize(size7);
                 s1.setTextDecoration("none");
                 s1.setWeight("bold");
                 s1.writeStyle();
                 
                 //-------------------------------------------NEW STYLE Active Link------------------------------------------
                 
                 var s1 = new style();
				 s1.setName("a.link2:active");
                 s1.setFont(font1);
                 s1.setColor(color9);
				 s1.setSize(size7);
                 s1.setTextDecoration("underline");
                 s1.setWeight("bold");
                 s1.writeStyle();
                 
                 
				 //-------------------------------------------NEW STYLE header hd1---------------------------------------
                 
                 var s1 = new style();
                 s1.setName(".hd1");
				 s1.setFont(font1);
                 s1.setColor(color3);
                 s1.setSize(size9);
                 s1.setTextDecoration("none");
				 s1.setWeight("bold");
                 s1.writeStyle();
				 
				 //-------------------------------------------NEW STYLE Login header head1---------------------------------------
				 
				 var s1 = new style();
                 s1.setName(".head1");
				 s1.setColor(color1);
				 s1.setFont(font1);
				 s1.setSize(size3);
				 s1.setWeight("bold");
                 s1.writeStyle();
				 
                 //-------------------------------------------NEW STYLE Alternate text------------------------------------------
                 
                 var s1 = new style();
                 s1.setName(".text");
				 s1.setFont(font1);
                 s1.setColor(color10);
				 s1.setSize(size3);
                 s1.setTextDecoration("none");
		  		 s1.setWeight("bold");
                 s1.writeStyle();
				 
				 //-------------------------------------------NEW STYLE Alternate Text Body------------------------------------------
				 var s1 = new style();
                 s1.setName(".body");
				 s1.setFont(font1);
				 s1.setMargin("0 0 10px 0");
                 s1.setColor(color10);
				 s1.setSize(size3);
                 s1.setTextDecoration("none");
		  		 s1.setWeight("normal");
                 s1.writeStyle();
                 
                 //-------------------------------------------NEW STYLE small text------------------------------------
                 
                 var s1 = new style();
                 s1.setName(".note");
                 s1.setFont(font1);
                 s1.setColor(color4);
				 s1.setSize(size1);
                 s1.setTextDecoration("none");
		  		 s1.setWeight("normal");
                 s1.writeStyle();
                 
				 //-------------------------------------------NEW STYLE table background color Login Page------------------------------------
                 
                 var s1 = new style();
                 s1.setName(".tdColor1");
                 s1.setBackgroundColor(color12);
				 s1.writeStyle();
                 
				 //-------------------------------------------NEW STYLE table background color demojumppage------------------------------------
                 
                 var s1 = new style();
                 s1.setName(".tdColor2");
                 s1.setBackgroundColor(color1);
				 s1.writeStyle();
                 

                 
document.write("</style>");

//---------------------------------FUNCTIONS BELOW PLEASE DO NOT EDIT--------------------------

function style()
{
this.name = null;
this.font = "Arial, Helvetica, sans-serif";
this.size = null;
this.weight = null;
this.color = "#000000";
this.background_color = null;
this.text_decoration = null;
this.margin_bottom = null;
this.margin = null;
this.border = null;
this.scrollbar_track_color = null;
this.scrollbar_3dlight_color = null;
this.scrollbar_darkshadow_color = null;
this.scrollbar_face_color = null;

this.setName = setName;
this.setFont = setFont;
this.setSize = setSize;
this.setWeight = setWeight;
this.setColor = setColor;
this.setBackgroundColor = setBackgroundColor;
this.setTextDecoration = setTextDecoration;
this.setMarginBottom = setMarginBottom;
this.setMargin = setMargin;
this.setBorder = setBorder;
this.setScrollbarTrackColor = setScrollbarTrackColor;
this.setScrollbar3dlightColor = setScrollbar3dlightColor;
this.setScrollbarDarkshadowColor = setScrollbarDarkshadowColor;
this.setScrollbarFaceColor = setScrollbarFaceColor;
this.writeStyle = writeStyle;
}

function setName(value)
{
this.name = value;
}

function setFont(value)
{
this.font = value;
}

function setSize(value)
{
this.size = value;
}

function setWeight(value)
{
this.weight = value;
}

function setColor(value)
{
this.color = value;
}

function setBackgroundColor(value)
{
this.background_color = value;
}

function setTextDecoration(value)
{
this.text_decoration = value;
}

function setMarginBottom(value)
{
this.margin_bottom = value;
}

function setMargin(value)
{
this.margin = value;
}

function setBorder(value)
{
this.border = value;
}

function  setScrollbarTrackColor(value)
{
this.scrollbar_track_color = value;
}

function  setScrollbar3dlightColor(value)
{
this.scrollbar_3dlight_color = value;
}

function  setScrollbarDarkshadowColor(value)
{
this.scrollbar_darkshadow_color = value;
}

function  setScrollbarFaceColor(value)
{
this.scrollbar_face_color = value;
}


function writeStyle()
{
var whole = '';

if (this.name != null)
	{
	whole += this.name;
	whole += '{';
	if (this.font != null)
		{
		whole += 'font-family: ' + this.font + ';';
		}
	if (this.size != null)
		{
		whole += 'font-size: ' + this.size + 'pt;';
		}
	if (this.weight != null)
		{
		whole += 'font-weight: ' + this.weight + ';';
		}	
	if (this.color != null)
		{
		whole += 'color: ' + this.color + ';';
		}
	if (this.background_color != null)
		{
		whole += 'background-color: ' + this.background_color + ';';
		}
	if (this.text_decoration != null)
		{
		whole += 'text-decoration: ' + this.text_decoration + ';';
		}	
	if (this.margin_bottom != null)
		{
		whole += 'margin-bottom: ' + this.margin_bottom + ';';
		}	
	if (this.margin != null)
		{
		whole += 'margin: ' + this.margin + ';';
		}	
	if (this.border != null)
		{
		whole += 'border: ' + this.border + ';';
		}	
	if (this.scrollbar_track_color != null)
		{
		whole += 'scrollbar-track-color: ' + this.scrollbar_track_color + ';';
		}
	if (this.scrollbar_3dlight_color != null)
		{
		whole += 'scrollbar-3dlight-color: ' + this.scrollbar_3dlight_color + ';';
		}				
	if (this.scrollbar_darkshadow_color != null)
		{
		whole += 'scrollbar-darkshadow-color: ' + this.scrollbar_darkshadow_color + ';';
		}				
	if (this.scrollbar_face_color != null)
		{
		whole += 'scrollbar-face-color: ' + this.scrollbar_face_color + ';';
		}			
		
		
	whole += '}';
	}

document.write(whole);	
	
}