/* jLightBox (using jQuery library).
*--------------------------------------------*
*  @author : ukhome ( ukhome@gmail.com | ntkhoa_friends@yahoo.com )
*--------------------------------------------*
*  @released : 24-Mar-2009 : version 1.0
*--------------------------------------------*
*  @revision history : ( latest version : 1.0 )
*--------------------------------------------*
*      + 24-Mar-2009 : version 1.0
*          - released
*--------------------------------------------*
*/

/* DO NOT REMOVE */
div.Overlays {
    background: #000;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}
div.LightBoxPopup {
    background: url(images/bg-popup.gif) left top repeat;
    width: 600px;
    padding: 0px 0px 21px 0px;
}
div.LightBoxPopupLoading {
    background: #efefef url(images/loading.gif) no-repeat center center;
}
    div.LightBoxPopupContent {
        width: 100%;
        overflow: hidden;
    }
/*loading error*/
div.LoadingError {
    width: 400px;
    background: #666;
    padding: 0;
    border: 10px solid #efefef;
}
    p.ErrorAlert {
        font-size: 1.8em;
        text-align: center;
        color: #fff;
        margin: 50px 0;
    }
/*iframe loader*/
iframe.ContentLoader {
    background: transparent;
    border: none;
}
    /*close btn: common*/
    div.LightBoxPopup a.CloseBtn:link,
    div.LightBoxPopup a.CloseBtn:visited {
        font-size: 1.4em;
        font-weight: bolder;
        text-transform: uppercase;
        color: #666;
        position: absolute;
        top: 20px;
        right: 20px;
		text-decoration: none;
    }
    div.LightBoxPopup a.CloseBtn:hover {
        
    }
    /* use to fix IE problem when hover state is still be hold when the item is hide */
    div.LightBoxPopup a.ClearHover:link,
    div.LightBoxPopup a.ClearHover:visited {
        color: #666 !important;
    }
	div.LightBoxPopup a.CloseBtn {
		background: url(images/btn-close.gif) left top no-repeat;
		font-size: 0px;
		line-height: 0px;
		display: block;
		height: 12px;
		text-indent: -10000px;
		width: 12px;
	}
		div.LightBoxPopup a.CloseBtn span {
			display: none;
		}

    /*single image*/
    a.CloseImageBtn:link,
    a.CloseImageBtn:visited {
        font-size: 1.4em;
        font-weight: bolder;
        text-transform: uppercase;
        color: #ff6600;
        float: right;
    }
    a.CloseImageBtn:hover {
        color: #666;
        text-decoration: none;
    }
    /*gallery images*/
    a.CloseGalleryImageBtn:link,
    a.CloseGalleryImageBtn:visited {
        font-size: 1.4em;
        font-weight: bolder;
        text-transform: uppercase;
        color: #ff6600;
        float: right;
        padding: 0 0 0 10px;
        margin: 0 0 0 10px;
        border-left: 2px solid #ff6600;
    }
    a.CloseGalleryImageBtn:hover {
        color: #666;
        text-decoration: none;
    }
    /*images gallery control bar*/
    div.ControlBar {
        padding: 10px 0 0 0;
    }
        div.ControlBar a.NextBtn:link,
        div.ControlBar a.NextBtn:visited,
        div.ControlBar a.PrevBtn:link,
        div.ControlBar a.PrevBtn:visited {
            font-size: 1.2em;
            font-weight: bolder;
            color: #666;
            margin: 0 0 0 10px;
            float: right;
        }

        div.ControlBar a.NextBtn:hover,
        div.ControlBar a.PrevBtn:hover {
            color: #ff6600;
            text-decoration: none;
        }
        div.ControlBar p.Index {
            font-size: 1.2em;
            font-weight: bolder;
            color: #666;
            float: left;
        }
            div.ControlBar p.Index span {
                font-size: 1.2em;
                font-weight: bolder;
            }
        div.ControlBar p.CaptionGallery {
            font-size: 1.4em;
            font-weight: bolder;
            text-transform: uppercase;
            color: #666;
            float: left;
            padding: 1px 10px 0 0;
            margin: 0 10px 0 0;
            border-right: 2px solid #666;
        }
        div.ControlBar p.Caption {
            font-size: 1.4em;
            font-weight: bolder;
            text-transform: uppercase;
            color: #666;
            float: left;
        }
        p.LoadingErrorAler {
            font-size: 1.4em;
            font-weight: bolder;
            text-align: center;
            color: #666;
        }
/*end of.DO NOT REMOVE*/

/*User defined: demo page*/
div.Container {
    width: 800px;
    overflow: hidden;
    margin: 0 auto 20px;
    padding: 20px;
    background: #efefef;
}
    h3.CategoryName {
        font-size: 2.2em;
        font-weight: bolder;
        color: #333;
        text-transform: uppercase;
        margin: 0 0 5px 0;
    }
    a.LightBoxCaller:link,
    a.LightBoxCaller:visited {
    }
    a.LightBoxCallerReload:link,
    a.LightBoxCallerReload:visited {
        font-size: 1em;
        font-weight: bolder;
        color: #ea3e00;
        text-decoration: underline;
    }
    a.LightBoxCallerReload:hover {
        color: #666;
        text-decoration: none;
    }

.PopupContainer {
    display: none;
    background: #efefef;
}
.Content {
    padding: 10px 20px;
    background: #efefef;
}
    .Content h2 {
        font-size: 2em;
        font-weight: bolder;
        color: #333;
        text-transform: uppercase;
    }
    .Content p {
        font-size: 1.4em;
        color: #000;
    }

/**/
ul.Gallery {
    width: 616px;
    overflow: hidden;
}
    ul.Gallery li {
        float: left;
        width: 144px;
        margin: 0 10px 10px 0;
    }
        ul.Gallery li a:link,
        ul.Gallery li a:visited,
        a.ImageLink:link,
        a.ImageLink:visited {
            display: block;
            width: 144px;
            height: 90px;
            overflow: hidden;
        }
            ul.Gallery li a:link img,
            ul.Gallery li a:visited img,
            a.ImageLink:link img,
            a.ImageLink:visited img {
                display: block;
                opacity: 0.8;
                -moz-opacity: 0.8;
                filter: alpha(opacity=80);
            }
            ul.Gallery li a:hover img,
            a.ImageLink:hover img {
                opacity: 1;
                -moz-opacity: 1;
                filter: alpha(opacity=100);
            }
p.Style01 {
    font-size: 1.2em;
    color: #fff;
    background: #666;
    margin: 10px;
    padding: 10px;
}
    p.Style01 a:link,
    p.Style01 a:visited {
        font-size: 1em;
        color: #ffff00;
        text-decoration: underline;
    }
    p.Style01 a:hover {
        text-decoration: none;
        font-style: italic;
        font-weight: bolder;
    }
.Content select {
    font-size: 1.2em;
}
div.LoginForm {
    padding: 10px;
    border: 1px solid #666;
    width: 300px;
    margin: 10px auto;
    overflow: hidden;
}
div.LoginForm fieldset {
    width: 100%;
    overflow: hidden;
}
    div.LoginForm label {
        display: block;
        font-weight: bolder;
        font-size: 1.4em;
        margin: 10px 0 5px 0;
    }
    div.LoginForm label,
    div.LoginForm input {
        color: #333;
    }
    div.LoginForm input.TypeText {
        font-size: 1.2em;
        width: 195px;
        display: block;
        padding: 0 0 0 5px;
        border: 1px solid #666;
        margin: 0;
        position: relative;
    }
    div.LoginForm select {
        width: 205px;
    }
    * html div.LoginForm select {
        width: 200px;
    }
    div.LoginForm input.SubmitBtn {
        font-size: 1.2em;
        display: block;
        margin: 10px 0 0;
        float: right;
    }
p.Style02 {
    font-size: 1.8em;
    font-weight: bolder;
    margin: 0 0 10px;
    color: #666;
}
pre {
    font-size: 1em;
}
    pre code {
        font-family: "Courier New";
        font-size: 1.8em;
        color: #000;
    }
a.GlobalTxtLnkStyle:link,
a.GlobalTxtLnkStyle:visited {
    font-size: 1.4em;
    font-weight: bolder;
    color: #333;
    padding: 5px;
    float: left;
    background: #fff;
    border: 2px solid #666;
}
a.GlobalTxtLnkStyle:hover {
    text-decoration: none;
    background: #666;
    border: 2px solid #333;
    color: #fff;
}





div.LightBoxPopup .TextStyle {
	color: #333;
	font-size: 1.4em;
	padding: 17px 0px 0px 0px;
	text-align: center; 
}
div.LightBoxPopup .TextStyle2 {
	color: #333;
	font-size: 1.4em;
	padding: 50px 20px 10px;
	text-align: center; 
}

/***************THEME********************/
div.PopupStyle1 {
	width: 661px;
}
	div.PopupStyle1 .TextStyle {
		 padding: 17px 86px 17px 79px;	
	}

div.PopupStyle2 {
	width: 441px;
}
	div.PopupStyle2 .TextStyle {
		 padding: 17px 51px 28px 41px;	
	}