// JScript File

//My Css
function applycurrentstyle()
{
    currentcss = getCookie('mysheet');
   
    if(currentcss=='')
        chooseStyle('none' , 1);
    else
        chooseStyle(currentcss , 1);
}

function setcsstheme(title)
{
    document.getElementById('csstitle').value = title;
}

function applymycss(userid)
{
    setcsstheme(userid+'_temp'); 
    chooseStyle(userid+'_temp', 1);
}

function savecss(userid)
{
    usercss = 'body {    width:100%;    height:100%;    margin:0px 0px 0px 0px;    scrollbar-base-color:white;    scrollbar-arrow-color:black;    scrollbar-DarkShadow-Color:white;} .medium-dark-border{    border:'+document.getElementById('select1').value+'px '+document.getElementById('select2').value+' '+document.getElementById('ColorHex1').value+';} .common-text{    font-family:Tahoma,Arial;    font-size:11px;    color:#000000;    text-decoration:none;} .common-text a{    font-family:Tahoma,Arial;    font-size:11px;    color:#000000;    text-decoration:none;} .common-text a:hover{    font-family:Tahoma,Arial;    font-size:11px;    color:#990000;    text-decoration:underline;} .caption-text{    font-family:Arial;    font-size:12px;    color:#900000;    text-decoration:none;    letter-spacing:1px;} .mid-head-text{    font-family:Arial;    font-size:14px;    /*color:#666666;*/    color:#022C89;    text-decoration:none;} .mid-head-text a{    font-family:Arial;    font-size:14px;    /*color:#666666;*/    color:#022C89;    text-decoration:none;} .mid-head-text a:hover{    font-family:Arial;    font-size:14px;    color:#990000;    text-decoration:underline;} .heading-text{    font-family:Arial;    font-size:16px;    color:#666666;    text-decoration:none;} .messages{    font-family:Tahoma, Arial, Verdana;    font-size:11px;    color:#ff0000;} .notfound{    font-family:Arial, Verdana;    font-size:18px;    color:#ff0000;} .txtbox-style{	border:'+document.getElementById('select7').value+'px '+document.getElementById('select8').value+' '+document.getElementById('ColorHex9').value+';	font-family: '+document.getElementById('select9').value+';	font-size:'+document.getElementById('select10').value+'px;	color:'+document.getElementById('ColorHex10').value+';} .grid-header{    font-family:'+document.getElementById('select3').value+';	font-size:'+document.getElementById('select4').value+'px;	color:'+document.getElementById('ColorHex3').value+';	text-decoration:none;	font-weight:bold;	height:20px;	background-color:'+document.getElementById('ColorHex2').value+';	vertical-align:middle;} .grid-header a{    font-family:'+document.getElementById('select3').value+';	font-size:'+document.getElementById('select4').value+'px;	color:'+document.getElementById('ColorHex3').value+';	text-decoration:none;	font-weight:bold;	height:20px;	background-color:'+document.getElementById('ColorHex2').value+';	vertical-align:middle;} .grid-header a:hover{    font-family:'+document.getElementById('select3').value+';	font-size:'+document.getElementById('select4').value+'px;	color:'+document.getElementById('ColorHex4').value+';	text-decoration:none;	font-weight:bold;	height:20px;	background-color:'+document.getElementById('ColorHex2').value+';	vertical-align:middle;	text-decoration:underline;} .grid-alternating-item{    font-family:'+document.getElementById('select3').value+';	font-size:'+document.getElementById('select4').value+'px;	color:'+document.getElementById('ColorHex5').value+';	height:16px;	background-color:'+document.getElementById('ColorHex6').value+';} .addnew{    font-family:Verdana;    font-size:12px;    color:#5975B2;    text-decoration:none;} .addnew:hover{    font-family:Verdana;    font-size:12px;    color:#264C9B;    text-decoration:underline;} .kohahelp{    position:absolute;    right:0px;    bottom:0px;    width:100%;    height:35px;    filter:alpha(opacity=65);    background-color:'+document.getElementById('ColorHex7').value+';    display:none;} .helpfont{    color:'+document.getElementById('ColorHex8').value+';    font-family:'+document.getElementById('select5').value+';    font-size:'+document.getElementById('select6').value+'px;    font-weight:bold;} .CybrarianAuthor{    position:absolute;    right:0px;    bottom:0px;    width:400px;    height:25px;    background-color:#D6DBF8;    display:none;} .colorpalletepopup{    position:absolute;    border:1px solid #000000;    background-color:White;    width:240px;    padding:2px;    display:none;} TD {	FONT-SIZE: '+document.getElementById('select16').value+'px; MARGIN: 0px; COLOR: '+document.getElementById('ColorHex13').value+'; LINE-HEIGHT: 1.5; FONT-FAMILY: '+document.getElementById('select15').value+'} .topleftbg{    background-image:url(\'../images/cybrarian_bgleft_header.jpg\');    background-repeat:no-repeat} .toprightbg{    background-image:url(\'../images/cybrarian_bgright_header.gif\');    background-repeat:no-repeat} .topcenterbg{    background-image:url(\'../images/cybrarian_bg_header.gif\');    background-repeat:repeat-x} .topbg{    background-image:url(\'../images/itsabout_cybrarian_bg.jpg\');    background-repeat:no-repeat} .loginbg{    background-image:url(\'../images/cybrarian_bg_login.jpg\');    background-repeat:no-repeat} INPUT {	FONT-SIZE: '+document.getElementById('select10').value+'px; FONT-FAMILY: '+document.getElementById('select9').value+'} INPUT#q {	border:0px none; padding:0px; BACKGROUND-IMAGE: url(\'/images/common/search_bg_115.gif\'); MARGIN: 0px; WIDTH: 115px; FONT-FAMILY: '+document.getElementById('select9').value+'; HEIGHT: 17px} INPUT#uname {	border:0px none; padding:0px; BACKGROUND-IMAGE: url(\'/images/common/search_bg_115.gif\'); MARGIN: 0px; WIDTH: 119px; FONT-FAMILY:'+document.getElementById('select9').value+'; HEIGHT: 17px} INPUT#pw {	border:0px none; padding:0px; BACKGROUND-IMAGE: url(\'/images/common/search_bg_115.gif\'); MARGIN: 0px; WIDTH: 119px; FONT-FAMILY:'+document.getElementById('select9').value+'; HEIGHT: 17px} INPUT#request {	FONT-SIZE: '+document.getElementById('select10').value+'px; FONT-FAMILY:'+document.getElementById('select9').value+'} SELECT {	FONT-SIZE: '+document.getElementById('select10').value+'px; FONT-FAMILY:'+document.getElementById('select9').value+'} .white {	COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica} A {	COLOR:'+document.getElementById('ColorHex14').value+'} A:link {	COLOR:'+document.getElementById('ColorHex15').value+'} A:hover {	COLOR:'+document.getElementById('ColorHex16').value+'} A:active {	COLOR:'+document.getElementById('ColorHex17').value+'} A.noline {	TEXT-DECORATION: none} A.footer {	FONT-SIZE: 10px; COLOR:'+document.getElementById('ColorHex18').value+'; FONT-FAMILY: arial, helvetica; TEXT-DECORATION: none} A.footer:hover {	COLOR:'+document.getElementById('ColorHex19').value+'} A.footer:active {	COLOR:'+document.getElementById('ColorHex20').value+'} A.white {	COLOR: #ffffff} #bodysmall {	FONT-SIZE: '+document.getElementById('select18').value+'px} #bodysmallest {	FONT-SIZE: '+document.getElementById('select17').value+'px} .footer1 {	FONT-SIZE: '+document.getElementById('select20').value+'px; FONT-FAMILY:'+document.getElementById('select19').value+'} #footer1 {	FONT-SIZE: '+document.getElementById('select20').value+'px; COLOR:'+document.getElementById('ColorHex21').value+'; FONT-FAMILY:'+document.getElementById('select19').value+'} .header {	WIDTH: 100%; BORDER-BOTTOM: '+document.getElementById('ColorHex22').value+' '+document.getElementById('select21').value+'px '+document.getElementById('select22').value+'; BACKGROUND-COLOR:'+document.getElementById('ColorHex24').value+'; TEXT-ALIGN: right} .header TABLE {	BORDER-LEFT: '+document.getElementById('ColorHex22').value+' '+document.getElementById('select21').value+'px '+document.getElementById('select22').value+'} .header TD {	BORDER-RIGHT: '+document.getElementById('ColorHex22').value+' '+document.getElementById('select21').value+'px '+document.getElementById('select22').value+'; PADDING-RIGHT: 14px; PADDING-LEFT: 14px; FONT-SIZE: 0.75em; PADDING-BOTTOM: 4px; COLOR:'+document.getElementById('ColorHex23').value+'; PADDING-TOP: 4px} .header A {	FONT-SIZE: 0.95em; COLOR:'+document.getElementById('ColorHex25').value+'; TEXT-DECORATION: none} .header A:hover {	COLOR:'+document.getElementById('ColorHex25').value+'; TEXT-DECORATION: underline} .header A:visited {	COLOR:'+document.getElementById('ColorHex25').value+'; TEXT-DECORATION: none} .logobox {	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR:'+document.getElementById('ColorHex26').value+'; TEXT-ALIGN: left} .logoproduct {	PADDING-RIGHT: 14px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR:'+document.getElementById('ColorHex26').value+'; TEXT-ALIGN: right} .nav1 {	BORDER-TOP:'+document.getElementById('ColorHex27').value+' '+document.getElementById('select23').value+'px '+document.getElementById('select24').value+'; PADDING-TOP: 1px; BACKGROUND-COLOR:'+document.getElementById('ColorHex28').value+'} .nav1 TD {	FONT-SIZE: '+document.getElementById('select25').value+'px; BORDER-BOTTOM:'+document.getElementById('ColorHex30').value+' '+document.getElementById('select26').value+'px '+document.getElementById('select27').value+'; BACKGROUND-COLOR:'+document.getElementById('ColorHex29').value+'; TEXT-ALIGN: center} .nav1 TD#first {	PADDING-RIGHT: 9px; PADDING-LEFT: 8px; BORDER-BOTTOM:'+document.getElementById('ColorHex30').value+' '+document.getElementById('select26').value+'px '+document.getElementById('select27').value+'} .nav1 A {	BORDER-RIGHT:'+document.getElementById('ColorHex29').value+' '+document.getElementById('select26').value+'px '+document.getElementById('select27').value+'; PADDING-RIGHT: 11px; BORDER-TOP:'+document.getElementById('ColorHex29').value+' '+document.getElementById('select26').value+'px '+document.getElementById('select27').value+'; DISPLAY: block; PADDING-LEFT: 11px; PADDING-BOTTOM: 5px; BORDER-LEFT:'+document.getElementById('ColorHex29').value+' '+document.getElementById('select26').value+'px '+document.getElementById('select27').value+'; COLOR:'+document.getElementById('ColorHex31').value+'; PADDING-TOP: 5px; text-decoration:none} .nav1 A:hover {	DISPLAY: block; COLOR:'+document.getElementById('ColorHex32').value+'; TEXT-DECORATION: underline} .nav1 A:visited {	DISPLAY: block; COLOR:'+document.getElementById('ColorHex32').value+'} .nav1 TD#selected {	BORDER-RIGHT:'+document.getElementById('ColorHex30').value+' '+document.getElementById('select28').value+'px '+document.getElementById('select29').value+'; BORDER-TOP:'+document.getElementById('ColorHex30').value+' '+document.getElementById('select28').value+'px '+document.getElementById('select29').value+'; FONT-WEIGHT: bold; BORDER-LEFT:'+document.getElementById('ColorHex30').value+' '+document.getElementById('select28').value+'px '+document.getElementById('select29').value+'; BORDER-BOTTOM:'+document.getElementById('ColorHex33').value+' '+document.getElementById('select28').value+'px '+document.getElementById('select29').value+'; BACKGROUND-COLOR:'+document.getElementById('ColorHex33').value+'} .nav1 TD#selected A {	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR:'+document.getElementById('ColorHex34').value+'; BORDER-BOTTOM: 0px} .nav1on {	FONT-SIZE: '+document.getElementById('select30').value+'px; BORDER-BOTTOM:'+document.getElementById('ColorHex37').value+' '+document.getElementById('select31').value+'px '+document.getElementById('select32').value+'; BACKGROUND-COLOR:'+document.getElementById('ColorHex36').value+'} .nav1on A {	BORDER-RIGHT:'+document.getElementById('ColorHex30').value+' '+document.getElementById('select31').value+'px '+document.getElementById('select32').value+'; PADDING-RIGHT: 11px; BORDER-TOP:'+document.getElementById('ColorHex30').value+' '+document.getElementById('select31').value+'px '+document.getElementById('select32').value+'; DISPLAY: block; PADDING-LEFT: 11px; PADDING-BOTTOM: 5px; BORDER-LEFT:'+document.getElementById('ColorHex30').value+' '+document.getElementById('select31').value+'px '+document.getElementById('select32').value+'; COLOR:'+document.getElementById('ColorHex35').value+'; PADDING-TOP: 5px; BACKGROUND-COLOR:'+document.getElementById('ColorHex36').value+'} .nav1on A:hover {	DISPLAY: block; COLOR:'+document.getElementById('ColorHex35').value+'; TEXT-DECORATION: underline} .nav1on A:visited {	DISPLAY: block; COLOR:'+document.getElementById('ColorHex35').value+'} .nav2 {	BACKGROUND-POSITION: 50% bottom; PADDING-TOP: 1px; BACKGROUND-COLOR:'+document.getElementById('ColorHex38').value+'} .nav2 TD {	FONT-SIZE: '+document.getElementById('select33').value+'px; BORDER-BOTTOM:'+document.getElementById('ColorHex39').value+' '+document.getElementById('select34').value+'px '+document.getElementById('select35').value+'; BACKGROUND-COLOR:'+document.getElementById('ColorHex38').value+'; TEXT-ALIGN: center} .nav2 TD#first {	PADDING-RIGHT: 9px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM:'+document.getElementById('ColorHex39').value+' '+document.getElementById('select34').value+'px '+document.getElementById('select35').value+'} .nav2 A {	BORDER-RIGHT:'+document.getElementById('ColorHex40').value+' '+document.getElementById('select36').value+'px '+document.getElementById('select37').value+'; PADDING-RIGHT: 11px; BORDER-TOP:'+document.getElementById('ColorHex40').value+' '+document.getElementById('select36').value+'px '+document.getElementById('select37').value+'; DISPLAY: block; PADDING-LEFT: 11px; PADDING-BOTTOM: 5px; BORDER-LEFT:'+document.getElementById('ColorHex40').value+' '+document.getElementById('select36').value+'px '+document.getElementById('select37').value+'; COLOR:'+document.getElementById('ColorHex41').value+'; PADDING-TOP: 5px; text-decoration:none} .nav2 A:hover {	DISPLAY: block; COLOR:'+document.getElementById('ColorHex42').value+'; TEXT-DECORATION: underline} .nav2 A:visited {	DISPLAY: block; COLOR:'+document.getElementById('ColorHex42').value+'} .nav2 TD#selected {	BORDER-RIGHT:'+document.getElementById('ColorHex39').value+' '+document.getElementById('select38').value+'px '+document.getElementById('select39').value+'; BORDER-TOP:'+document.getElementById('ColorHex39').value+' '+document.getElementById('select38').value+'px '+document.getElementById('select39').value+'; FONT-WEIGHT: bold; BORDER-LEFT:'+document.getElementById('ColorHex39').value+' '+document.getElementById('select38').value+'px '+document.getElementById('select39').value+'; BORDER-BOTTOM:'+document.getElementById('ColorHex43').value+' '+document.getElementById('select38').value+'px '+document.getElementById('select39').value+'; BACKGROUND-COLOR:'+document.getElementById('ColorHex43').value+'} .nav2 TD#selected A {	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR:'+document.getElementById('ColorHex44').value+'; BORDER-BOTTOM: 0px} .nav2on {	FONT-SIZE: '+document.getElementById('select40').value+'px; BORDER-BOTTOM:'+document.getElementById('ColorHex47').value+' '+document.getElementById('select41').value+'px '+document.getElementById('select42').value+'; BACKGROUND-COLOR:'+document.getElementById('ColorHex46').value+'} .nav2on A {	BORDER-RIGHT:'+document.getElementById('ColorHex47').value+' '+document.getElementById('select41').value+'px '+document.getElementById('select42').value+'; PADDING-RIGHT: 11px; BORDER-TOP:'+document.getElementById('ColorHex47').value+' '+document.getElementById('select41').value+'px '+document.getElementById('select42').value+'; DISPLAY: block; PADDING-LEFT: 11px; PADDING-BOTTOM: 5px; BORDER-LEFT:'+document.getElementById('ColorHex47').value+' '+document.getElementById('select41').value+'px '+document.getElementById('select42').value+'; COLOR:'+document.getElementById('ColorHex45').value+'; PADDING-TOP: 5px; BACKGROUND-COLOR:'+document.getElementById('ColorHex46').value+'} .nav2on A:hover {	DISPLAY: block; COLOR:'+document.getElementById('ColorHex45').value+'; TEXT-DECORATION: underline} .nav2on A:visited {	DISPLAY: block; COLOR:'+document.getElementById('ColorHex45').value+'} .nav3 {	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE:'+document.getElementById('select43').value+'px; VERTICAL-ALIGN: top; PADDING-TOP: 0px; TEXT-ALIGN: right} .nav3 A {	BORDER-RIGHT:'+document.getElementById('ColorHex48').value+' '+document.getElementById('select44').value+'px '+document.getElementById('select45').value+'; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 0px; text-decoration:none} .nav3 A:hover {	TEXT-DECORATION: underline} .fieldSetLoOuter {	BORDER-RIGHT: #ffffff 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #ffffff 1px solid} .fieldSetLoInner {	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid} .fieldSetHiOuterLeft {	BORDER-LEFT: #cccccc 1px solid} .fieldSetHiOuterRight {	BORDER-RIGHT: #ffffff 1px solid} .fieldSetHiInnerLeft {	PADDING-LEFT: 12px; BORDER-LEFT: #ffffff 1px solid} .fieldSetHiInnerRight {	BORDER-RIGHT: #cccccc 1px solid; PADDING-LEFT: 12px} .fieldSetLabel {	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold} .fieldSetLabelLeft {	BACKGROUND-POSITION: center 50%; BACKGROUND-IMAGE: url(\'../images/titlebk.gif\'); BORDER-LEFT: 1px solid #cccccc; BACKGROUND-REPEAT: repeat-x} .fieldSetLabelRight {	BORDER-RIGHT: 1px solid #ffffff; BACKGROUND-POSITION: center 50%; BACKGROUND-IMAGE: url(\'../images/titlebk.gif\'); BACKGROUND-REPEAT: repeat-x} TABLE.default {	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #999999} TD.headerColSpan {	PADDING-LEFT: 11px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-BOTTOM: #eee 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 35px; BACKGROUND-COLOR: white} TD.leftCellText {	BORDER-RIGHT: #eee 1px solid; PADDING-LEFT: 15px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #eee 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: white} TD.middleCellCentered {	BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: white; TEXT-ALIGN: center} TD.defaultBold {	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 20px; BACKGROUND-COLOR: white} TD.BrdrBottomIndent {	PADDING-LEFT: 15px; BORDER-BOTTOM: #eee 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: white} TD.vanilla {	PADDING-LEFT: 15px; HEIGHT: 35px; BACKGROUND-COLOR: white} TD.NumberRow {	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 10px; BORDER-BOTTOM: #eee 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: white; TEXT-ALIGN: right} TD.NumberRow1 {	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 10px; BORDER-BOTTOM: #eee 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #F8F8F8; TEXT-ALIGN: right} TD.logo {	PADDING-LEFT: 12px; BORDER-BOTTOM: #b1b1b1 1px dashed; HEIGHT: 20px} .body2 {	BACKGROUND-COLOR: #ffffff} .buttonDefault {	BORDER-RIGHT:'+document.getElementById('ColorHex11').value+' '+document.getElementById('select11').value+'px '+document.getElementById('select12').value+'; PADDING-RIGHT: 10px; BACKGROUND-POSITION: left top; BORDER-TOP:'+document.getElementById('ColorHex12').value+' '+document.getElementById('select13').value+'px '+document.getElementById('select14').value+'; PADDING-LEFT: 10px; FONT-SIZE: 0.9em; BACKGROUND-IMAGE: url(/member/foundation/images/guido/button_bg.gif); MARGIN: 0px 10px 0px 0px; BORDER-LEFT:'+document.getElementById('ColorHex12').value+' '+document.getElementById('select13').value+'px '+document.getElementById('select14').value+'; BORDER-BOTTOM:'+document.getElementById('ColorHex11').value+' '+document.getElementById('select11').value+'px '+document.getElementById('select12').value+'; BACKGROUND-REPEAT: no-repeat} .footer {	BORDER-TOP: #bbbbbb 1px solid; MARGIN-TOP: 25px; BACKGROUND-COLOR: #eeeeee} .footer TD {	BORDER-RIGHT: #bbbbbb 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 0.7em; FILTER: DropShadow(Color=#FFFFFF, OffX=1, OffY=1, Positive=Yes); PADDING-BOTTOM: 5px; BORDER-LEFT: #ffffff 1px solid; COLOR: #373737; PADDING-TOP: 5px; BACKGROUND-COLOR: #eeeeee} ';
    
    var scount = document.getElementsByName('selectcss').length;
    var cocount = document.getElementsByName('ColorHex').length;
    
    var scss = '', cocss = '';
    for(var i=0; i<scount; i++)
    {
        scss = scss + document.getElementById(document.getElementsByName('selectcss')[i].id).value + ',';
    }
    
    scss = scss.substring(0, scss.length - 1);
    
    for(var i=0; i<cocount; i++)
    {
        cocss = cocss + document.getElementById(document.getElementsByName('ColorHex')[i].id).value + ',';
    }
    
    cocss = cocss.substring(0, cocss.length - 1);
    
    var cssvalue = scss + '^' + cocss;
    
    methods.applycss(usercss, userid, cssvalue);
    
    alert('Saved');
}

function existingcss(userid)
{
    var cssvalue = methods.getMyCss(userid, '0');
    showCSS(cssvalue);
}

function defaultcss(userid)
{
    var cssvalue = methods.getMyCss(userid, '1');
    showCSS(cssvalue);
    
    setcsstheme('none');
    chooseStyle('none', 1);
}

function showCSS(cssvalue)
{
    if(cssvalue.value != '')
    {
        var values = new Array();
        values = cssvalue.value.split('^');
        
        var selectcss = new Array();
        selectcss = values[0].split(',');
        
        for(var i=0; i<selectcss.length; i++)
        {
            document.getElementById('select'+(i+1)).value = selectcss[i];
        }
        
        var colorhexcss = new Array();
        colorhexcss = values[1].split(',');
        
        for(var i=0; i<colorhexcss.length; i++)
        {
            settxtcolorboxno(i+1);
            View(colorhexcss[i].substring(1));
        }
    }
    else
    {
        alert('No Theme Defined !!!');    
    }
}