@charset "UTF-8";
/*Default*/

/* 
{
iphone 4	320x372 P 
					480x212 L
iphone 5/5S/5C 	320x460 ->x 2 = 640x960P	
								568 x 212 L	
iphone 6 375×559 -> x 2 = 750x1334 P (326 ppi)
					667 x 267 L
iphone 6S 414 628 -> x 3 1080x1920 P (401 ppi)
					736 x 306 L


ipad mini

ipad		768 x 928 P
			1024 x 672 L
			
ipad pro 15"  1800 x 2880
		13"		2600 x 2560
		12"	2440 x 2304


Mobile 320 x 480 minimum
	Portrait Mode (# videos)
		4 x 80 = 320
		3 x 106 = 318
		2 x 160 = 320
	Landscape (# videos)
		4 x 120 = 480
		3 x 160 = 480
		2 x 240 = 480
Mobile 640 x 960 minimum
	Portrait Mode (# videos)
		5 x 128 = 640
		4 x 163 = 639
		3 x 213 = 639
		2 x 300 = 320
	Landscape (# videos)
		6 x 153 = 920
		5 x 184 = 920
		4 x 230 = 920
		3 x 307 = 920
		2 x 460 = 920
Tablet 768 x 1024 minimum
	Portrait Mode (# videos)
		6 x 120 = 720
		5 x 144 = 720
		4 x 180 = 720
		3 x 240 = 720
		2 x 360 = 720
	Landscape (# videos)
		6 x 170 = 1020
		5 x 204 = 1020
		4 x 256 = 1024
		3 x 341 = 1023
		2 x 504 = 1020
Computer (Old) 1024x 768 
		6 x 170 = 1020
		5 x 204 = 1020
		4 x 256 = 1024
		3 x 341 = 1023
		2 x 504 = 1020
Computer (Minimim) 1280 x 800
		8 x 150 = 1200
		7 x 171 = 1197
		6 x 200 = 1200
		5 x 204 = 1200
		4 x 300 = 1200
		3 x 400 = 1200
		2 x 600 = 1200


Devices		Width		Density
				
		P	320*			1
     	P	480*		1
		P	600			1
		P	640*		2
		P	720			2
		P	768			1
		L	800*		1.5
		P	800			2
		L	960			2
		P	1080*		3
		L	1024		1
		L	1136		2
		L	1280*		2
		P	1536*		2
		L	1920		3
		L	2048*		2
* breakpoint				
				
Computer		
		1366			1
		1440			1
		1560			1
		1680			1
		1920			1
		2560			1
		2560			2
		2880			2

}
Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/  
*/
:root {
	--html_body: #00CCFF;  --menu_div: #0000FF;	 --menu_altdiv: #00CCFF;		--menu_title: #FFFFFF;
	--ws_title: #FFFFFF;	--pg_title: #FFFFFF;     --pg_stitle: #FFFFFF;		--menu_subtitle: #FFA500;/**/
	--p_title: #000000;   --p_stitle: #000000;     --p: #000000;  				--menu_subbg: #000000;/**/
	/*ParagraphTextBox - fg, bg, disabled*/
	--ptbx: #000000; 		        --ptbxbg: #00FFFF;			--ptbxda: #666666;
    --ptbx_warning: #000000;    --ptbx_warning_bg: #EEE600;
    --ptbx_error: #FFFFFF;    --ptbx_error_bg: crimson; 
	/*DropDowbBoxWarging fg,bg,disabled*/
	--ddbxw: #000000; 	--ddbxbgw: #EEE600;			--ddbxdaw: grey;/**/
    /*DropDownBoxError*/
	--ddbx_error: #FFFFFF; 	--ddbx_error_bg: crimson;  --ddbx_error_disabled: grey;/**/
	/*ParagraphText, bold, alternate*/
	--p_text: #000000;    --p_btext: #000000;			--p_altext: #FFFFFF;
	
	--error: crimson;     	--warning: #EEE600;      --msg: blue;
	--fail: crimson;                               	--pass: green;
	--keyword: #FF00FF;   --copyright: #000000;    --menu: #2A4B7C;      
	--link: #FFFF00;      --menulink: #FFFF00;        --list: #000000;				
	--textsize: #FFFFFF;   --parameters: #FFFFFF;  --session: #FFFFFF;

	--pnl_header: #0097bd;	--pnl_row: #0097bd;		--pnl_footer: #0097bd;
	--pnl_color: #e1dfdf;
	--l_panel: #00afdb;		--pnl_content: #00afdb;	--r_panel: #00afdb;	
		
	--table_bg: #6F9FD8;  --tborder: #6F9FD8;   
	--tcap_bg: #2A4B7C;   --tcap_fg: #F3E0BE;
	--thead_bg: #2A4B7C;   --thead_fg: #F3E0BE;
	--trow_bg: #9EE7F5;   --trow_fg: #000000; 
	--tchild_bg: #00CCEE; --tchild_fg: #000000; 
	--thover_bg: #000000; --thover_fg: #9EE7F5;
	--tfoot_bg: #2A4B7C;  --tfoot_fg: #F3E0BE;
}


html{ font-size:14px; width:100%;}
body {background-color: var(--html_body); height: 100%;}